2

JQuery Mobile (バージョン 1.3.0) を使用して Web アプリを開発しています。固定ヘッダーを使用していますが、ユーザーがフォームの内容をタップしたときの「タップ切り替え」動作を無効にすることはできません。

プロパティ「data-tap-toggle=false」を使用しようとしましたが、機能しません。ユーザーがフォームをタップするとヘッダーは引き続き非表示になり、再度タップすると表示されます。

前もって感謝します！

<div data-role="page" class="Page" id="parameter_page">
    <div data-role="header" data-position="fixed" data-tap-toggle="false">
        <div class="headerContainer" >
            <a href="index.html"      data-role="button" class="ui-btn-left"  data-inline="true" data-direction="reverse" data-icon="back"  >Voltar</a>
            <a href="instrucoes.html" data-role="button" class="ui-btn-right" data-inline="true" >Instruções</a>
        </div>
    </div>
    ...
    ...
    ...
</div>
4

1 に答える 1

0

まず、利用するには、 HeaderとFooterの両方にanddata-tap-toggleを追加する必要があります。動的に制御するため、現在は必要ありません。data-fullscreen="true"data-position="fixed"data-tap-toggle

次に、この方法でそれらを制御します。

$("[data-role=header],[data-role=footer]").fixedtoolbar({ tapToggle: true });

$("[data-role=header],[data-role=footer]").fixedtoolbar({ fullscreen: true });

タップまたはクリックすると、両方が表示されてから消えます。

ここでテストします。

お役に立てば幸いです。

于 2013-03-04T14:13:39.207 に答える