2012-02-10 105 views
28

有沒有辦法使用固定工具欄禁用淡入淡出效果? http://jquerymobile.com/demos/1.0.1/docs/toolbars/footer-persist-a.htmljquery mobile:禁用「點擊切換」固定頁眉和頁腳

基本上任何時候你點擊背景,或滾動,向上和向上,導航欄將淡出/在。

我一直在尋找了一段時間,現在我碰上了這個

[鏈接] jquery mobile static footer without toggle

它本質上說,滾動向下和向上淡入/淡出將得到固定在新的更新。 (如果你有任何想法如何解決這個問題,直到更新,我真的很感激它)

我也有問題,當我點擊背景時切換頁腳。 迄今爲止我發現的所有代碼都不能很好地工作。

例如: How to fix jQuery Mobile's fixed footer?

的JavaScript在那裏不起作用:/

所以,請,如果你知道如何解決這些問題,或者有任何建議,我會很感激它

回答

72

如果你想禁用水龍頭切換固定頁腳的版本JQuery的Mobile 1.0可以使用這樣的事情:

$(function(){ 
    $.mobile.fixedToolbars.setTouchToggleEnabled(false); 
}); 

jQuery Mobile的1.1改變了你的水龍頭切換功能設置爲這樣的方式:

$(function(){ 
    $('[data-role=header],[data-role=footer]').fixedtoolbar({ tapToggle:false }); 
}); 

或JQM 1.1,你可以簡單地設置數據抽頭撥動=「假」:

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

那第三個策略就像魅力一樣,謝謝! – 2013-01-30 11:33:09

+1

第三種策略僅適用於頁面新鮮時。如果您更新,更改或以其他方式生成標題代碼,則觸發器(「創建」)不會影響頁眉或頁腳。所以你最終會以unstyled和taptoggle啓用。 JavaScript版本是這種情況的唯一選擇,除非有人知道如何手動觸發jquery移動頁眉或頁腳上的「增強」。 – Chris 2013-05-14 20:27:21

+0

它適用於所有情況下,當您將腳本放在'jquery'和'jquery-mobile'之間,但這次頁眉和頁腳與主要內容重疊。 – 2015-08-11 07:42:22