jQuery Mobileのフッターが表示され、ユーザーが背景をクリックすると表示されなくなるのはなぜですか？

Question

jQuery MobileのWebサイトにフッターがあります。

<div data-role="footer" data-position="fixed"> 
    <div data-role="navbar"> 
     <ul> 
      <li><a href="/page1">Page 1</a></li> 
      <li><a href="/logout">Logout</a></li> 
     </ul> 
    </div> 
</div> 

Google Chromeでは、ユーザーが背景をクリックするとフッターが消えます。ユーザーがバックグラウンドを再びクリックすると、フッターが表示されます。どうして？これは意図的な機能ですか？

Answer 1

デフォルトでは、これが有効になっています。これはJQMで無効にするコードです。

$(document).on('pageinit','[data-role=page]', function(){ 
    $('[data-position=fixed]').fixedtoolbar({ tapToggle:false}); 
}); 

私はタポールイベントにバインドするのが好きです。それは私にはもっと意味がある。

$(document).on('taphold', '[data-role=page]', function(){ 
    $('[data-position=fixed]').fixedtoolbar('toggle'); 
}); 

使用しているJQM v 1.0.1では、.on（）メソッドを使用できません。 onメソッドは、jquery 1.7の時点では新しいものです。簡単な解決策は、あなたのヘッダに次の属性を追加することです

$(document).delegate('[data-role=page]','pageinit', function(){ 
    $.mobile.fixedToolbars.setTouchToggleEnabled(false); 
}); 

Answer 2

：

data-tap-toggle="false" 

...とフレームワークう.delegate（）（.live上推奨）ので、これを実行されたを使用してあなたのためにそれを世話してください。

詳細については、Toolbar Widget's tapToggle optionを参照してください。