jQuery Mobile（1.1）：禁用隐藏固定导航栏

Question

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

我尝试了很多我在网上找到的方法（例如$.fixedToolbars.setTouchToggleEnabled(false);）但是没有一种方法可以工作，可能是因为1.1版本。 您可以在此处查看我的示例：http://jsfiddle.net/Leqpw/

Answer 1

using是用于禁用固定工具栏的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"

并且点击切换将消失。