使用jQuery sider阻止元素轉換

我有一個包含我的頁面內容和右側菜單欄的主要元素（我使用了jquery sidr）。當我點擊「右側菜單」鏈接時，菜單打開，但將主格推到左側。使用jQuery sider阻止元素轉換

這裏是我的代碼：

<div style="position:relative"> 
    <div id="main_div style="position:absolute; z-index:20;"> 
     <a id="right-menu" href="#right-menu">Right Menu</a> 
    </div> 
    <div id="sidr" style="position:fixed"> 
     <ul> 
     <li><a href="#">List 1</a></li> 
     <li class="active"><a href="#">List 2</a></li> 
     <li><a href="#">List 3</a></li> 
     </ul> 
    </div> 
</div> 
<script> 
$(document).ready(function() { 
    $('#right-menu').sidr({ 
     name: 'sidr', 
     side: 'right' 
    }); 
}); 
</script>

的錫德爾元素的z-index是10，它是小於主元素的z-index的。我想在主要元素上打開sidr而不用將主元素推到左側。我怎樣才能做到這一點？謝謝...

來源

2015-10-31 Sirwan Rauofi

可能，當菜單打開時，它會觸發'main'元素的轉換;我們需要爲此看到更多的代碼 - 您是否碰巧有一個存在此行爲的實時網站？ – justinw

在它說你必須關閉主體內容的位移選項錫德爾文檔頁面：

jQuery(selector).sidr([options])

位移（布爾）默認值：true [1.2版.0以上]

置換身體內容與否。

來源

2015-10-31 23:09:26 justinw

使用jQuery sider阻止元素轉換

回答

相關問題