jQuery移动面板赢得';隐藏

jQuery移动面板赢得';隐藏,jquery,jquery-mobile,jquery-mobile-panel,Jquery,Jquery Mobile,Jquery Mobile Panel,我正在尝试添加jQuery移动幻灯片面板。我可以让滑块弹出,这是由锚链接触发,但它不会再隐藏。我需要添加额外的jquery脚本吗 <div data-role="page"> <div data-role="panel" id="mypanel"> <h1>This panel won't disappear</h1> </div><!-- /panel --> <body> <div c

我正在尝试添加jQuery移动幻灯片面板。我可以让滑块弹出,这是由锚链接触发,但它不会再隐藏。我需要添加额外的jquery脚本吗

<div data-role="page">

<div data-role="panel" id="mypanel">
    <h1>This panel won't disappear</h1>
</div><!-- /panel -->
<body>
    <div class="wrapper">
    <div id="temp-speech"><a href="#mypanel"><img src="images/speech_bub.png" /></a></div>
</div>

</div><!-- page -->
</body>

这个面板不会消失
在打开面板时,我创建了一个更新的提琴,检查
.ui标题
(内部)、
.ui内容
.ui页脚
(内部),将它们包装在
.ui面板wrappr
div中。该div(
.ui面板wrappr
)接收打开和关闭的动画类。如果面板未能找到上述任何div,则不会添加close动画类,面板将保持打开状态

:

\u getWrapper:function(){
var wrapper=this.\u page().find(“.”+this.options.classes.pageWrapper);
if(wrapper.length==0){
wrapper=this.\u page().children(“.ui页眉:非(.ui页眉已修复),.ui内容:非(.ui弹出),.ui页脚:非(.ui页脚已修复)”)
.wrapAll(“”)
.parent();
}
返回包装器;
},
鉴于上述情况,任何页面都应该至少包含一个页眉、页脚或内容div,才能正常工作

<div data-role="page">
  <div data-role="panel">
    <!-- panel content -->
  </div>
  <div role="main" class="ui-content">
    <!-- contents -->
  </div>
</div>


Page div应该在body标签内。您的html语法不正确。将
data rel=“panel”
添加到打开面板的锚点。@Omar谢谢,但它仍然没有关闭。我将锚更改为
是否正确?PageDiv是否在正文标记内?是的,它在正文内。面板是否直接放置在PageDiv下?您是否在面板上使用
数据dismissible=“false”
?请添加更多细节。
<div data-role="page">
  <div data-role="panel">
    <!-- panel content -->
  </div>
  <div role="main" class="ui-content">
    <!-- contents -->
  </div>
</div>