jquery移动子页面不起作用

Question

我想使用 jQuery Mobile 子页面插件 (https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget) ，因此在“PAGE”下添加了 div，如下所示:

 <div class="content-view" data-role="page" id="details">

    <div id="detailsSubPage" data-role="subpage">
        <div data-role="header" data-position="fixed">
            <h1>
                TESTING SUBPAGE</h1>                
        </div>
    </div>
</div>

然后在此之外我有一个到子页面的链接:

   <a href="#details&ui-page=detailsSubPage" data-ajax="false" >

但它不起作用，它打开一个空白页面，不显示此演示标题..我在这里缺少什么？

Answer 1

据我所知，这不是该小部件提供的功能。

您不能从主页外部直接链接到子页面。

该小部件使您能够使用 ajax 加载(通过良好的过渡)具有功能子页面的多页面。

如果没有这个小部件，您将必须在没有 ajax 的情况下加载主页面，否则子页面将无法启用。