0

我对 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 中？

4

1 回答 1

0

您的 javascript 有错误。您在选择器中有#paegPort。

$("#pagePort").load("signin.html", function(){
            $("#signin").page();
            $("#pagePort").trigger("create");
            $("body").trigger("create");
        });

我建议使用 chrome 的开发人员工具进行调试，看看 jquery 在网络上拉什么。您可以通过在浏览器中直接访问它来加载您尝试加载的 html 页面吗？

于 2013-08-13T21:28:26.390 回答