次のように、jquerymobileでタップトグルを無効にしました。
$(function(){
$('[data-role=header],[data-role=footer]').fixedtoolbar({ tapToggle:false });
});
Jquery mobileでのQに続いて：「タップして切り替える」固定ヘッダーとフッターを無効にします
今、私のコンテンツはヘッダーによってクリップされています。解決策を探しています。
質問する
9228 次
6 に答える
7
fixedtoolbar（{tapToggle：false}）;を使用してプログラムでtaptoggleを無効にしようとしたときに発生したのと同じ問題が発生しました。
taptoggleを完全に無効にする代わりに、ヘッダーでdata-tap-toggle="false"タグを使用することができました。data-tap-toggle = "false"を追加するのはもう少し手間がかかるかもしれませんが、少なくともそれは機能します！
これを自分で理解しようとして質問を見つけ、これを試してみることにしました。ここで情報を見つけました：http： //jquerymobile.com/test/docs/toolbars/bars-fixed-options.html
ドキュメントには、tap-toggleセクションでこれが記載されています。このオプションは、データ属性としても公開されます：data-tap-toggle="true"。falseに設定することにしましたが、問題は解決しました。タップタッチやオーバーラップはもうありません！私のヘッダーのほとんどは次のようになりました。
<div data-role="header" data-id="jqmheader" data-position="fixed" data-tap-toggle="false">
于 2013-01-03T02:40:56.263 に答える
2
プログラムで変更するには、次のようにする必要があります。
$.mobile.toolbar.prototype.options.updatePagePadding = false;
$.mobile.toolbar.prototype.options.hideDuringFocus = "";
$.mobile.toolbar.prototype.options.tapToggle = false;
jQueryMobile1.4.0で試してみました
于 2014-01-09T17:52:24.007 に答える
1
参考
までに、これはJQueryを使用してプログラムで実行される方法です。
$("[data-role=header], [data-role=footer]").fixedtoolbar({ tapToggle: true });
これにより、ページコンテナタグで設定されているデフォルトの状態から切り替わります。
于 2013-02-28T23:07:14.657 に答える
0
デフォルトでは、jquerymobileはページのパディングを自動的にカウントします。そのため、ページが正しくないようです。そのため、コンテンツがヘッダーの下にあり、クリップされているように見えます。
JQMによるページパディングの自動更新を無効にして、独自に設定することができます。ここでupdatePagePaddingプロパティを見てください：http：//jquerymobile.com/test/docs/toolbars/bars-fixed-options.html
また、ここで説明されている修正を行う必要があります：https ://github.com/jquery/jquery-mobile/issues/4223
よろしく。
于 2012-05-11T05:40:57.847 に答える
0
あなたがそれを個々のページで呼ぶならば、これは起こりません。
例えば
$（ "＃pageA、#pageB、#pageC"）。bind（'pageinit'、function（）{$（this）.find（ "[data-role = header]、[data-role = footer]"）。 fixedtoolbar（{tapToggle：false}）;}）;
1.2.0JQMを使用する
于 2012-11-14T20:07:06.890 に答える
0
またはちょうどこのように：
<div data-role="page" ... data-hide-during-focus="" ... >...</div>jQueryMobile1.4.5でテスト済み
于 2015-02-25T13:07:25.100 に答える