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：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" ＆lt; div＆gt;。这就是jQuery Mobile的工作原理。

详细了解 here 。