jquery-mobile - jQuery Mobile 标签栏 - 隐藏在标签上

Question

我用标签栏创建了一个 JQuery 移动页面。如果我单击页脚/页眉消失的内容，我该如何禁用它？

目前两个酒吧都是固定的。

一个快速的样本将是完美的。

Answer 1

使用 JQM 1.1.0 有几种方法可以实现这一点

第一个也是最简单的方法是在固定工具栏中设置data-tap-toggle="false"

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

我喜欢第二种方式，因为它允许您在每个页面和每个固定工具栏中禁用此功能。这样你就不会一遍又一遍地输入 data-tap-toggle="false" 让自己发疯。

$(document).on('pageinit','[data-role=page]', function(){
    $('[data-position=fixed]').fixedtoolbar({ tapToggle:false});
});

以下将禁用 JQM 1.0.1 中的点击切换

$(document).delegate('[data-role=page]','pageinit', function(){
    $.mobile.fixedToolbars.setTouchToggleEnabled(false);
});