打开网站时加载 jQuery Mobile 面板

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