如何在jquery mobile的頁面上使側面板靜態

目前我正在使用側面板，只需點擊一個按鈕，它就可以看到，因爲它必須始終顯示在頁面上。可能嗎。並且還顯示側面板時，頁面的某些部分不可見，因爲它應該通過全部顯示調整到屏幕。如何在jquery mobile的頁面上使側面板靜態

有人可以幫助我，謝謝。

<div data-role="page" id="pageone" class="type-interior"> 
    <div data-role="content" style="padding:0em;"> 

     <a href="#nav-panel" data-icon="bars" data-iconpos="notext">Menu</a> 

     <div class="content-primary"> 
//here page content was there 
</div> 
<div data-role="panel" data-position="left" data-position-fixed="true" data-display="reveal" id="nav-panel" data-theme="a"> 
</div> 
</div>

來源

2014-10-30 keerthana alivelu

如果您包含您一直在處理的代碼，您會發現獲得更多幫助。 – 2014-10-30 06:41:43

我編輯了這個問題 – 2014-10-30 07:05:15

根據jQuery的移動文檔：

的面板必須是同級一個jQuery移動頁內的標題，內容和頁腳元素。

此外，面板默認是隱藏的，但你可以在pagecreate事件打開：

HTML：

<div data-role="page" id="pageone" class="type-interior"> 
    <div class="ui-content" style="padding:0em;"> 
     <a href="#nav-panel" data-icon="bars" data-iconpos="notext">Menu</a> 

     <div class="content-primary"> 
      //here page content was there 
     </div> 
    </div> 

    <div data-role="panel" data-position="left" data-dismissible="false" id="nav-panel" data-theme="a"> 
     <p>Test</p> 
    </div> 
</div>

JS：

$(document).on('pagecreate', function() { 
    $("#nav-panel").panel("open"); 
});

這裏是demo。

來源

2014-10-31 03:25:40

如何在jquery mobile的頁面上使側面板靜態

回答

相關問題