Question

我想知道如何使用页面和多个对话框加载外部页面。

//I am in index.htm, a multi-page file which will send a big object to anotherpage.htm
$.mobile.changePage(anotherPage.htm, {type:"post",data:formData})

这将使帖子很好并传入formData。但是，anotherPage.htm中的对话框不可用。如果我直接访问anotherPage.htm，页面将按预期运行。 jQM仅按预期在anotherPage.htm中找到的第一页中加载。

//anotherpage.htm
<div data-role="page" id="mypage">
     <p id="something">Some thing</p>
    <script>
  //bind to the pageinit event to fire the email handling.
   $("#something").live("click", function() {
        $.mobile.changePage('#successDialog',{ transition: "pop", role: "dialog", reverse: false });
   });

</script>
</div>
<div data-role="dialog" id="successDialog" >
    <p>Success!</p>
</div>
<div data-role="dialog" id="failureDialog" >
    <p>Failure!</p>
    <a id="dialogClose" href="#" data-rel="back" data-role="button">Close</a>
</div>

Answer 1

不幸的是，当你ajax加载一个多页模板时，它只会拉入你请求的页面，你必须将你的对话框分成单独的文件或引用那些具有相同页面和哈希页面id的对话框

加载包含多个数据部分的外部文件

1 个答案: