Question

使用

加载内容时遇到问题

$('#next').click(function(){
        $('#boundary').load('options.html #pagecontent').page();


    });

问题是驻留在options.html中的#pagecontent div加载但不在预期的jquery移动元素中。

如果您预览该页面，那么带有id = page内容的in options.html会很好。它只有当我加载尝试并加载到另一个页面div与id =“boundary”，所有jquery移动渲染失败，而元素只是加载为本机html元素。

options.html中的

：包含一些ui元素的标准div。

<div id="pagecontent">
     // Jquery mobile button 
      <a href="results.php" data-transition="fade" id="result" data-role="button" data-theme="e" rel="external">View results</a>
</div>

谢谢

Answer 1

这只是猜测，但是如果jQuery Mobile在用户点击指向页面的链接时默认执行此操作，为什么要编写代码来从html文件加载页面div？

如果在添加到页面之前没有加载需要分析和更改的数据，我建议不要编写自己的AJAX支持。

Answer 2

尝试添加.page（）

$('#boundary').load('options.html#pagecontent').page();

可能附加到点击功能

$('#next').click(function(){
    $('#boundary').load('options.html#pagecontent');
}).page();

Answer 3

我遇到了类似的问题，并找到了强制jquery移动呈现已加载div的解决方案。我知道这个答案对你来说很晚，但也许它会帮助其他有类似问题的人：

$('#next').click(function(){
    $('#boundary').load('options.html #pagecontent');
    $('#boundary').trigger("pagecreate").trigger("refresh");
});

这适用于我使用jquery mobile 1.1.0（我没有使用旧版本测试）

用jquery mobile加载div

3 个答案: