我对 JQuery Mobile 很陌生,我在将页面从另一个 html 文件加载到 div 时遇到了问题:
我有一个空页面(main.html),它是页面的占位符:
<body id="content" style="display: none;">
<!-- This is a placeholder for dynamic page content -->
<div id="pagePort"></div>
</body>
我有另一个像这样的html:
<div data-role="page" id="signin">...</div>
我在 main.html 中包含这个脚本,如下所示:
$("#paegPort").load("signin.html", function(){
$("#signin").page();
$("#pagePort").trigger("create");
$("body").trigger("create");
});
但是,我得到了一个空白页。我期待一个像这样的html:
<body id="content" style="display: none;">
<!-- This is a placeholder for dynamic page content -->
<div id="pagePort"><div data-role="page" id="signin">...</div></div>
</body>
但我得到了:
<body id="content" style="display: block;" class="ui-mobile-viewport ui-overlay-c">
<div data-role="page" data-url="..." tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height: 208px;">
<!-- This is a placeholder for dynamic page content -->
<div id="pagePort">
<div data-role="page" id="signin"...>...</div>
</div>
</div></body>
程序在正文后自动添加了一行:
<div data-role="page" data-url="..." tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height: 208px;">
并且我要加载的页面没有显示。
任何人都可以帮助我吗?如何将 jquery 页面从文件加载到正文中的 div 中?