Jquery Mobile Panel 打开时隐藏 flexslider答案

【问题标题】：Jquery Mobile Panel hides flexslider when openedJquery Mobile Panel 打开时隐藏 flexslider
【发布时间】：2014-01-10 17:26:52
【问题描述】：

我正在尝试使用 jquery 移动面板，当我打开面板时它会隐藏滑块，它会删除/隐藏滑块。将rel="external" 添加到面板按钮不会做任何事情，因为它不是物理页面的链接。

这是小提琴中给出的一个例子：

http://jsfiddle.net/dhavaljani/zZKhT/

面板的 HTML

<div data-role="panel" id="rightpanel2" data-position="right" data-display="push" data-theme="d" data-content-theme="d">`
  <ul data-role="listview" data-theme="d" data-icon="false">
    <li><a href="#" data-icon="false">Home</a></li>
    <li><a href="#" data-icon="false">Services</a></li>
    <li><a href="#" data-icon="false">Case Studies</a></li>
    <li><a href="#" data-icon="false">About Us</a></li>
    <li><a href="#" data-icon="false">Contact Us</a></li>
  </ul>
  <a href="#demo-links" data-rel="close" class="ui-btn ui-shadow ui-corner-all ui-btn-e ui-icon-phone ui-btn-icon-left ui-btn-inline orange-btn">123-456-7890</a>
</div>

【问题讨论】：

标签： jquery-mobile jquery jquery-mobile-panel

【解决方案1】：

这是一个bug in jQuery Mobile 1.4，作为第一次打开的面板，它会将其兄弟姐妹包装在<div class="ui-panel-wrapper">中，而不是header和footer.

这个问题在以前的 jQuery Mobile 版本中不存在。

<section class="slider ui-panel-wrapper">
 <!-- elements -->
</section>

Demo

【讨论】：

@ezanker 是的，github.com/jquery/jquery-mobile/issues/6885 没有任何答案。它完全被忽视了。
感谢 Omar 和 ezanker。是的，我看到它与 data-display="overlay" 一起工作，但它会破坏移动导航的感觉，并且如果您在标题左侧有另一个图标/链接也会变得棘手，因为用户倾向于单击那里关闭面板。