jquery-mobile - Jquery Multipage 无法正常工作

Question

<div data-role="page" id="mainz">
    <div data-role="header" class="logo">

    </div>


    <div data-role="content">
        <a   id="cv"  data-ajax="false" href="#mainxyz" rel="external" >Sync to System</a>
    </div>



    <div data-role="footer" >
    </div>
</div>


<div data-role="page" id="mainxyz">
    AAAAAAAAAAAAAAAAAa


</div>

我有一个多页：multipage.html 当您直接浏览文件时，多页功能可以正常工作。但是，如果您有一个类似 home.html 的页面，并且它有一个指向 multipage.html 的链接，那么 multipage.html 的多页功能将不起作用。如果刷新页面，它将再次工作。

Answer 1

jQuery Mobile 有两个页面模板：

1. 多页
2. 多 HTML

多页面有几个data-role="page"div，多 HTML 当然是几个HTML文件。你不能完全结合它们。只有初始HTML可以有多页模板，其他每个HTML页面必须只有一个data-role="page"<div>。这就是 jQuery Mobile 的工作原理。

在此处阅读更多相关信息。