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

Javascript 如何使用jQuery mobile确保动态DOM元素具有正确的css,javascript,jquery,html,css,jquery-mobile,Javascript,Jquery,Html,Css,Jquery Mobile,我正在使用jQuery mobile构建一个移动应用程序。 我尝试动态添加一些输入,但是,jQuery mobile样式并没有添加到动态创建的输入中。 我创建了一个简单的应用程序: 我想让我所有的新输入都继承默认的jquerymobilecss。 我该怎么做? 为什么它在默认情况下不起作用 动态添加输入的代码: $('#pageone').append("<input id='laskaInput' type='email' name='email' placeholder='1@1.co

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

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

动态添加输入的代码:

$('#pageone').append("<input id='laskaInput' type='email' name='email' placeholder='1@1.com'>");
$('pageone')。追加(“”);
试试看

$('pageone')。追加(“”)
.触发(“创建”);


您多次使用相同的
ID
附加元素。
ID
必须是唯一的,请改用
class

阅读


jQuery mobile在页面加载时添加自己的样式和类。稍后添加的元素需要
.trigger(“create”)以便jQuery mobile向添加的新元素添加样式和类


注意:-请务必记住,必须在 父容器,而不是需要 要加强


阅读

,因为你还没有包括一门课

给你:

$(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'>");
    });
});
$(文档).ready(函数(){
$('body')。单击(函数(){
$('#pageone')。追加(“”);
});
});

您多次使用相同的
ID
附加元素。
ID
必须是唯一的,请改用
class
。@fasola81欢迎乐于帮助:)@tusargupta爱您。触发器(“创建”):)
$(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'>");
    });
});