javascript - 使用 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" 的 display 为 none。

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

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