我禁用了jquery mobile的點擊切換，如下所示。jquery mobile：禁用「點擊切換」固定頁眉和頁腳
$(function(){ $('[data-role=header],[data-role=footer]').fixedtoolbar({ tapToggle:false }); });
繼Jquery mobile: Disable "tap to toggle" fixed header and footer
將q現在，我的內容是由header.Looking的解決方案裁剪。
默認情況下，jquery mobile自動統計頁面填充。所以它看起來對你的頁面不正確，這就是爲什麼內容在標題下面並且看起來被剪切掉了。
您可以禁用JQM自動更新頁面填充並自行設置。看看updatePagePadding物業位置：http://jquerymobile.com/test/docs/toolbars/bars-fixed-options.html
而且它需要做出修正，說明如下：https://github.com/jquery/jquery-mobile/issues/4223
問候。
如果你在單個頁面上調用它，這不會發生。
例如
$（ 「＃pageA的，#pageB，#pageC」）。綁定（ 'pageinit'，函數（）{$ （本）.find（「[數據角色=報頭]，[data-role = footer]「）。fixedtoolbar（{tapToggle：false}）; }）;
使用1.2.0 JQM
我試過這個，但沒有工作。 – Arvin
我遇到了你有當我試圖以編程方式禁用taptoggle使用fixedtoolbar（{tapToggle：假}）同樣的問題;
我很幸運，在我的頭文件中使用了data-tap-toggle =「false」標籤，而不是完全禁用taptoggle。儘管添加data-tap-toggle =「false」可能需要做更多工作，但至少可以工作！
我在嘗試自己弄清楚這個問題時發現了這個問題，並決定試試這個。我在這裏找到了信息：http://jquerymobile.com/test/docs/toolbars/bars-fixed-options.html
文檔在tap-toggle部分說明了這一點：此選項也公開爲data屬性：data-tap-toggle =「true」。我決定將它設置爲false，並解決了我的問題。沒有更多的接觸，也沒有更多的重疊！我大部分的頭現在看起來是這樣的：
<div data-role="header" data-id="jqmheader" data-position="fixed" data-tap-toggle="false">
FYI
這是它是如何使用jQuery程序來完成：
$("[data-role=header], [data-role=footer]").fixedtoolbar({ tapToggle: true });
這將在設定的默認狀態切換頁面容器標籤。
以編程方式更改它，你需要這樣做：
$.mobile.toolbar.prototype.options.updatePagePadding = false;
$.mobile.toolbar.prototype.options.hideDuringFocus = "";
$.mobile.toolbar.prototype.options.tapToggle = false;
與jQuery Mobile的1.4試了一下。0
或只是這樣的：
<div data-role="page" ... data-hide-during-focus="" ... >...</div>對jQuery Mobile的1.4.5
你應該在你的代碼之前加上一點解釋，解釋爲什麼這會起作用等等。 – nikaltipar
什麼是JQM的版本測試？ – sleepwalker
1.1.0版本。最新的一個。 – MadNik