フッタータップに基づくフッターでナビゲーション/非表示

Question

JQM 1.1.1とCordorva 2.0.0

フッター内でクリックしてクリックしてください。クリックします（）/ hide（）navbar。

これまでのところタップを閉じ込めている場合、ナビバーは表示されていますが、表示されていると、ページがナビバーの高さによってページが長くなります。この長さは目立たないが、Navbarが非表示になってもページをスクロールできます。（ページの下部に、ナビバーの高さを1回だけ追加されます。）

FYIと同じように、「トグルをタップする」画面のUIコンテンツ部分にタップする必要があるため、フッターでクリックする必要がある理由であるため、オプションではありません。

ページの下部にその長さを追加することはできません。

フッターコードはこのように見えます：

<div data-role="footer" data-position="fixed" data-theme="b">
  <div id="menu" data-role="navbar" data-iconpos="top">
    <ul>
      <li><a href="#" data-icon="gear">Settings</a></li>
      <li><a href="#" data-icon="delete">Delete</a></li>
    </ul>
  </div>
  <h6>App Footer Text</h6>
</div><!-- /footer -->  

.

JavaScriptを表示/非表示にするものです：

if(stateMenu == false)
{
  $('#menu').addClass('fixed');
  $("#menu").show();
  stateMenu = true; 
}
else
{
  $('#menu').removeClass('fixed'); 
  $('#menu').hide();  
  stateMenu = false;
}   

.

ありがとうございました...

Answer 1

これをshowブロックに追加する：

$('#menu').css('display', 'normal');

.

これを非表示ブロックに追加する：

$('#menu').css('display', 'none');

.

DIVからDOMを削除して、メニューが表示/隠して、それを隠して...メニューボタンを含むイベントに接続することができます（メニューボタンとタップ内部に接続しました。フッター）