jQueryモバイルタブバー - タブで非表示

Question

タブバでJQueryモバイルページを作成します。 フッター/ヘッダーが消えるコンテンツをクリックすると、どうすればそれを無効にできますか？

現時点では両方のバーが固定されています。

クイックサンプルは完璧です。

Answer 1

がJQM 1.1.0

最初にこれを達成するいくつかの方法がありますし、最も簡単だったことはあなたの固定ツールバーのデータタップ-トグル =「false」に設定することです

<div data-role="header" data-position="fixed" data-tap-toggle="false">

私が好きな第2の方法は、すべてのページとすべての固定ツールバーでこれを無効にできるためです。こうすることで、あなたは自分自身を狂ったように打ち込むことはありません.top-toggle = "false"を何度も繰り返します。

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

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