jQuery移动面板赢得';隐藏
我正在尝试添加jQuery移动幻灯片面板。我可以让滑块弹出,这是由锚链接触发,但它不会再隐藏。我需要添加额外的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
<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>