JQuery Mobile:如何从另一个html文件加载JQuery Mobile页面?
我是JQuery Mobile的新手,在将另一个html文件中的页面加载到div时遇到问题: 我得到了一个空页面(main.html),它是页面的占位符:JQuery Mobile:如何从另一个html文件加载JQuery Mobile页面?,jquery,jquery-mobile,Jquery,Jquery Mobile,我是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> 然而,我得到了一
<body id="content" style="display: none;">
<!-- This is a placeholder for dynamic page content -->
<div id="pagePort"></div>
</body>
然而,我得到了一个空白页。
我期待一个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中?您的javascript有错误。选择器中有#paegPort
$("#pagePort").load("signin.html", function(){
$("#signin").page();
$("#pagePort").trigger("create");
$("body").trigger("create");
});
我建议使用chrome的开发者工具进行调试,看看jquery在网络上带来了什么。您可以通过直接在浏览器中转到要加载的html页面来加载该页面吗?请尝试使用此小提琴中的代码
<div data-role="page" data-url="..." tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height: 208px;">
$("#pagePort").load("signin.html", function(){
$("#signin").page();
$("#pagePort").trigger("create");
$("body").trigger("create");
});