我尝试用jQuery Mobile打开一个面板。
面板应该来自左侧并推动页面，但看起来面板覆盖整个面。
在控制台中我收到错误：
未捕获错误：在初始化之前无法调用面板上的方法;试图调用方法'open'
我的HTML：
<div data-role="page">
<div data-role="header">
<header>
<div id="header">
<a href="#menue_panel" id="menu-btn" class="ui-btn ui-btn-icon-notext ui-corner-all ui-icon-bars ui-nodisc-icon ui-alt-icon ui-btn-left">Menu</a>
<h1 id="headline">Text</h1>
<div class="clean"></div>
</div>
</header>
</div>
</div>
<footer>
</footer>
<div data-role="panel" id="menue_panel" data-position="left" data-display="push">
<ul class="ui-alt-icon ui-nodisc-icon">
<li><a href="start.html" data-ajax="false">Startseite</a></li>
<li><a href="medis.html" data-ajax="false">Medikamente</a></li>
</ul>
</div>
我的JS
$( document ).ready(function() {
$( "#menu-btn" ).on( "click", function() {
$( "#menue_panel" ).panel( "open" );
});
});
我不知道它为什么不起作用。