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 のバグです。パネルを最初に開いたときに、兄弟がヘッダーとフッター<div class="ui-panel-wrapper">以外でラップされるためです。

この問題は、以前のバージョンの jQuery Mobile には存在しません。

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

デモ

于 2014-01-10T17:43:47.010 に答える