onLoad jQuery移動面板打開網站時

Question

jQuery Mobile最近在1.3.0中推出了一個新的「面板」功能，我需要在頁面加載時立即打開。

，打開「面板」的聯繫是

<a href="#" class="jqm-navmenu-link" data-icon="bars" data-iconpos="notext">Navigation</a> 

而對於面板本身是代碼...

<div data-role="panel" class="jqm-nav-panel jqm-navmenu-panel" data-position="left" data-display="reveal" data-theme="c"> 
    <ul data-role="listview" data-theme="d" data-divider-theme="d" data-icon="false" data-global-nav="docs" class="jqm-list"> 
     <li data-role="list-divider">jQuery Mobile Demos</li> 
     <li><a href="../">Home</a></li> 
     <li><a href="intro/">Introduction</a></li> 
     <li><a href="examples/">Demo Showcase</a></li> 
     <li><a href="faq/">Questions & Answers</a></li> 
     <li><a href="intro/rwd.php">Going Responsive</a></li> 
     <li data-role="list-divider">Widget reference</li> 
    </ul> 
</div><!-- /panel --> 

我不知道這是怎麼實現的，但我感謝任何幫助/

謝謝。

Answer 1

找到答案！ 對於任何人看，訪問這個Stackoverflow question，或者，查看jsFiddle

或者讀此...

$(document).on('pagebeforeshow', '#index', function(){  
$("#mypanel").panel("open"); });