jQuery Mobile（1.1）：禁用隱藏固定導航欄

Question

我使用的是jQuery Mobile 1.1，我有一個固定的工具欄，但是我想在用戶單擊頁面中某處時禁用它。如果我可以爲特定頁面元素設置它（如點擊一個輸入框），它甚至會更好。

我嘗試了很多方法，我發現在網絡上（例如$.fixedToolbars.setTouchToggleEnabled(false);），但沒有一個可以工作，可能是因爲1.1版本。 您可以在這裏查看我的示例：http://jsfiddle.net/Leqpw/

Answer 1

使用的是JQM v 1.0.x方法用於禁用固定工具欄。有多種方法可以禁用此功能。

最簡單的方法是簡單地將data-tap-toggle =「false」添加到您的工具欄中。但是如果你不想在你的項目中複製和粘貼很多次，請嘗試其他方法。

$('[data-position=fixed]').fixedtoolbar({ tapToggle:false});

您還可以配置它使某些元素會忽略這個現象。

$('[data-position=fixed]').fixedtoolbar({ tapToggleBlacklist: "a, input, select, textarea, .ui-header-fixed, .ui-footer-fixed" })

更新增加了更多的信息更完整的答案。

Answer 2

所有你需要做的是下面的屬性添加到您的標題

data-tap-toggle="false" 

和水龍頭觸發將消失。