使用jQuery mobile动态地将DIV添加到BODY

Question

我尝试将DIV添加到身体，但我获得了一个空白页面。 这是我的example。

在同一个例子中，我取消了HTML的注释，因为它工作正常。

代码：

$("body").append('<div data-role="page"><div data-role="content">HOME</div></div>');
$("body").collapsibleset();

Answer 1

这不起作用，因为data-role= "page"的{​​{1}} display

我不知道这个css来自哪里，但如果你像我一样禁用它，“Home”出现

修改 这个css来自jquery mobile。您可以在样式表中手动将none的css设置为data-role="page"以覆盖jquery，或者甚至不必在HTML中分配它。

Answer 2

我在页面中添加了一个ID，并调用了jquery的show()方法。它工作

$("body").html('<div data-role="page" id="myPage"><div data-role="content"><p>HOME</p> </div></div>');
$("#myPage").show();

请在http://jsfiddle.net/cFens/2/

查看小提琴

Answer 3

您应该取消选中jQuery Mobile 1.1.1并在jsFiddle

中查看其他内容，例如jQuery UI 1.8.18