jQuery Mobile (1.1)：禁用隐藏固定导航栏答案

【问题标题】：jQuery Mobile (1.1): disable hiding of a fixed navbarjQuery Mobile (1.1)：禁用隐藏固定导航栏
【发布时间】：2012-03-28 21:53:52
【问题描述】：

我正在使用 jQuery Mobile 1.1，我有一个固定的工具栏，但我想在用户单击页面中的某个位置时禁用隐藏它。如果我可以为特定的页面元素设置它会更好（比如点击输入框）。

我尝试了很多我在网上找到的方法（例如$.fixedToolbars.setTouchToggleEnabled(false);），但都没有奏效，可能是因为 1.1 版本。你可以在这里查看我的例子：http://jsfiddle.net/Leqpw/

【问题讨论】：

【解决方案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" })

更新添加了更多信息以获得更完整的答案。

【讨论】：

【解决方案2】：

您需要做的就是将以下属性添加到您的标题中

data-tap-toggle="false"

点击切换将消失。

【讨论】：