data-role = page中的jQuery Mobile data-role =页面

Question

我有一个带有data-role="page"的父div，其内容也有自己的data-role="page"。是否可以在内容区域data-role="page"内导航而不进行父div导航？

例如，

<div id="main" data-role="page">

title goes here

<div id="content_1" data-role="subpage">

 content goes here

</div>
<!--/#content_1 -->

<div id="content_2" data-role="subpage">

 content goes here

</div>
<!--/#content_2 -->

</div>
<!-- /#main -->

基本上我只想在#content_1和#content_2之间导航，而#main只会保留/保留标题。

Answer 1

也许只是根据您的特定页面逻辑隐藏/显示2个子页面div，即点击或其他一些事件$('#content_1').toggle(); $('#content_2').toggle();记得同时添加#content_2{display:none;}作为CSS开始。

此外，如果你想要在正常页面之间加载时获得的原生过渡等，你应该考虑在这里找到的插件/小部件https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget