jQuery Mobile data-role = page-data-role = page

我有一個父div與data-role="page"和它的內容也有自己的data-role="page"以及。是否可以在內容區域的data-role="page"內導航而不使父div導航？jQuery Mobile data-role = page-data-role = page

例如，

<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只會留在原地/保持以及標題。

來源

2014-07-03 Cattarina

也許只是隱藏/顯示通過jQuery的2'subpage'的div根據您的特定的頁面邏輯，即點擊或其他事件'$（'＃content_1'）。toggle（）; $（'＃content_2'）。toggle（）;'還記得添加'＃content_2 {display：none;}'屁股CSS開頭。 –

@RobSchmuecker作出答案，以便我可以+1它 –

我希望它具有與data-role =「page」相同的轉換效果，如添加特定的數據轉換。這可能嗎？ – Cattarina

也許只是通過jQuery根據您的特定頁面邏輯隱藏/顯示2個子頁面div，即點擊或其他事件$('#content_1').toggle(); $('#content_2').toggle();記得還要添加#content_2{display:none;}作爲CSS開頭。

另外，如果你想在原始過渡等，你與正常的網頁加載之間讓你shoudl考慮插件/插件這裏找到https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget

來源

2014-07-03 13:29:59

jQuery Mobile data-role = page-data-role = page

回答

相關問題