Jquery mobile 将页面加载到div jQuery Mobile

我想通过点击jquerymobile中的按钮来加载div容器的另一个文件夹（例如：“files/pages/example.html”）中的页面内容

怎么做

<div data-role="page">
     <div id="container" data-role="content"><button id="clickButton">Click me!</button></div>
</div>

点击我！

您需要的方法是$.mobile.loadPage。它允许您加载外部html文件并将其插入dom。此方法的默认值是将其作为整个页面加载，因此必须指定将其加载到dom元素中的选项。这是一个示例（未经测试）代码：

现在，不要忘记跨域安全问题。我在firefox中添加了以下内容：

$("#landingPage").live('pageinit', function() {
            jQuery.support.cors = true;
            $.mobile.allowCrossDomainPages=true;
        });

此外，您正在加载的页面必须包装在data role=pagediv中（假设它有id='secondPage'）。加载后，使用id=secondPagediv在数据角色=页面上触发：

$('#secondPage").trigger('pagecreate');

---

发生了什么事？密码在哪里？你犯了什么错误？这是标准的方法，如果它不起作用，代码中会有一些错误，但是如果您不告诉我们您尝试了什么，以及您在过程中发现了哪些问题，我（和SO社区）当然无法帮助您。我很抱歉。我尝试了我在文章开头给出的代码和您的jQuery代码来加载页面（刚刚从.on移动到.live，并在loadPage函数的末尾添加了一个“；”。没有错误（使用模拟器iOs）且不执行任何操作！我尝试在loadPage函数之后执行“alert（（'#container'）.html（）”，但该警报表示div容器为空（在警报中未显示任何内容）。我确信url是正确的，因为如果我执行“$（'#container'）.load（url）；”他会执行我想要的操作。。但是失去了css jQuery Mobile的风格！我还尝试在.load函数之后使用.trigger（'create'），但没有成功。您的第二页包含什么？使用trigger（'create'）、trigger（'refresh'）或trigger（'pagecreate'）应该为您设置样式此时（只是为了测试），另一个页面只有一个jQuery Mobile样式的按钮-“示例”。这些触发器命令都不会更新样式。。将触发器应用于内容或页面。我有一个问题。你在用浏览器测试吗？如果没有，您是否添加了support.cors和allowCrossDomainPages？

$('#secondPage").trigger('pagecreate');