我尝试在正文中添加一个 DIV,但我得到了一个空白页。这是我的例子。
在同一个示例中,我取消了对 HTML 的注释,因为它工作正常。
代码 :
$("body").append('<div data-role="page"><div data-role="content">HOME</div></div>');
$("body").collapsibleset();
我尝试在正文中添加一个 DIV,但我得到了一个空白页。这是我的例子。
在同一个示例中,我取消了对 HTML 的注释,因为它工作正常。
代码 :
$("body").append('<div data-role="page"><div data-role="content">HOME</div></div>');
$("body").collapsibleset();
我在页面中添加了一个ID并调用了show()
jquery的方法。有效
$("body").html('<div data-role="page" id="myPage"><div data-role="content"><p>HOME</p> </div></div>');
$("#myPage").show();
这不起作用,因为data-role= "page"
有一个display
of none
。
我不知道这个 css 是从哪里来的,但是如果你像我一样禁用它,“Home”就会出现
编辑
这个 css 来自 jquery mobile。您可以在样式表中手动设置 css for data-role="page"
todisplay:block;
以覆盖 jquery,或者您甚至不必在 HTML 中分配它。
您应该取消选中jQuery Mobile 1.1.1
并检查jsFiddlejQuery UI 1.8.18
中的其他内容