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"

并且轻敲切换将消失.