如何使用jQuerymobile确保动态DOM元素具有正确的css

How to make sure that dynamic DOM elements have correct css using jQuery mobile

本文关键字：css 元素 jQuerymobile 何使用 确保 动态 DOM      更新时间：2023-10-03

我正在使用jQuery mobile构建一个移动应用程序。我尝试动态添加一些输入，但是，jQuery移动样式并没有添加到动态创建的输入中。我创建了一个简单的应用程序：http://jsfiddle.net/jGhqS/

我想让我所有的新输入都继承默认的jQuerymobilecss。我该怎么做？为什么默认情况下它不起作用？

动态添加输入的代码：

$('#pageone').append("<input id='laskaInput' type='email' name='email' placeholder='1@1.com'>");

Try.trigger（"create"）

 $('#pageone').append("<input class='laskaInput' type='email' name='email' placeholder='1@1.com'>")
            .trigger("create");

您正在多次附加具有相同ID的元素。ID必须是唯一的，请使用class而不是

阅读两个具有相同id属性的HTML元素：它到底有多糟糕？

小提琴演示

jQuerymobile在页面加载时添加了自己的样式和类。稍后添加的元素需要添加到.trigger("create");中，以便jQuery mobile为添加的新元素添加样式和类。

注意：-重要的是要记住，必须在父容器，而不是需要增强。

读取在注入的HTML上触发创建不起作用。

因为您还没有包含类

给你：

$(document).ready(function () {
    $('body').click(function () {
        $('#pageone').append("<input id='lskaInput' type='email'  name='email' placeholder='1@1.com' class='ui-input-text ui-body-c ui-corner-all ui-shadow-inset'>");
    });
});

http://jsfiddle.net/jGhqS/2/

相关文章：