打开网站时加载jQuery移动面板

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 -->

jQuery移动演示





小部件参考

我不确定这是如何实现的，但如果有任何帮助，我将不胜感激/

谢谢。

找到了答案！ 如果有人正在查看，请访问此网站，或者查看

或者读这个

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