1

我正在尝试使用 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>
4

1 回答 1

0

这是jQuery Mobile 1.4 中的一个错误,当第一次打开面板时,它会将其兄弟姐妹包装在headerfooter<div class="ui-panel-wrapper">之外。

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

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

演示

于 2014-01-10T17:43:47.010 回答