Как сделать боковую панель статичной на странице в jQuery mobile

Question

В настоящее время я использую боковую панель, в которой при нажатии кнопки она становится видимой только там, где она должна отображаться все время на странице. Является ли это возможным. а также когда показана боковая панель, некоторая часть страницы не была видна там, где она должна быть настроена на экран, показывая все.

Может кто-нибудь помочь мне, пожалуйста, спасибо.

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

Answer 1

В соответствии с мобильной документацией JQuery:

панель должна быть родственной с заголовком, контентом и нижними колонтитулами элементов внутри страницы JQuery Mobile.

Кроме того, панель скрыта по умолчанию, но вы можете открыть его в случае 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.