jquery移動面板隱藏flexslider打開時

我想使用jquery移動面板，它隱藏滑塊時，我打開面板，它會刪除/隱藏滑塊。將rel="external"添加到面板的按鈕不會執行任何操作，因爲它不是物理頁面的鏈接。jquery移動面板隱藏flexslider打開時

以下是在撥弄給出一個例子：

的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>

來源

2014-01-10 Dhaval

這是一個bug in jQuery Mobile 1.4，作爲面板第一次打開時，它包裝很兄妹<div class="ui-panel-wrapper">除標題和頁腳。

此問題在以前版本的jQuery Mobile中不存在。在面板上

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

Demo

來源

2014-01-10 17:43:47 Omar

而且，數據顯示= 「疊加」可以避免該問題... – ezanker

@ezanker酵母，https://github.com/jquery/ jquery-mobile/issues/6885沒有任何答案。它完全被忽視了。 – Omar

非常感謝Omar和ezanker。是的，我發現它與data-display =「overlay」一起工作，但它會殺死移動導航的感覺，並且如果用戶傾向於點擊關閉面板，則在標題左側還有另一個圖標/鏈接也會變得棘手。 – Dhaval

jquery移動面板隱藏flexslider打開時

回答

相關問題