jquery-mobile - jQuery Mobile Tabbar - タブで非表示

Question

タブバー付きの JQuery Mobile Page を作成します。フッター/ヘッダーが消えるコンテンツをクリックすると、どうすればそれを無効にできますか?

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

簡単なサンプルで完璧です。

Answer 1

JQM1.1.0でこれを実現する方法はいくつかあります。

最初で最も簡単なのは、固定ツールバーでdata-tap-toggle="false"を設定することでした

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

私が好きな2番目の方法は、すべてのページとすべての固定ツールバーでこれを無効にできるためです。このようにして、data-tap-toggle="false"を何度も入力して頭がおかしくなることはありません。

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

以下は、JQM1.0.1のタップトグルを無効にします

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