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"); });