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-load（具有良好的转换）具有功能子页面的多页。

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

Answer 2

这是正确的结构： / div data-role =“page”class =“list-view-page”id =“list”/

主页内容 / div data-role =“subpage”class =“list-view-page”id =“overview2”/

子页面内容 // div close div

/ div data-role =“subpage”class =“list-view-page”id =“overview”/ subpate内容2 // div close div

// div＆gt; //关闭页面div

jquery移动子页面不起作用

2 个答案: