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

onLoad jQuery Mobile面板在打开网站时

1 个答案: