jquery-mobile - jQuery 移动 : Disable “tap to toggle” fixed header and footer

Question

我禁用了 jquery mobile 中的点击切换，如下所示。
$(function(){
$('[data-role=header],[data-role=footer]').fixedtoolbar({ tapToggle:false });
});
在 Jquery mobile: Disable "tap to toggle" fixed header and footer 关注 Q

现在我的内容被标题剪辑了。正在寻找解决方案。

Answer 1

当我尝试使用 fixedtoolbar({ tapToggle:false }); 以编程方式禁用 taptoggle 时，我遇到了同样的问题。

我很幸运在我的标题中使用了 data-tap-toggle="false"标签，而不是完全禁用 taptoggle。虽然添加 data-tap-toggle="false"可能需要更多的工作，但至少它有效!

我在试图自己解决这个问题时发现了这个问题，并决定尝试这个。我在这里找到了信息:http://jquerymobile.com/test/docs/toolbars/bars-fixed-options.html

文档在 tap-toggle 部分说明了这一点:此选项也作为数据属性公开:data-tap-toggle="true"。我决定将它设置为 false，它解决了我的问题。不再轻触，不再重叠!我的大部分标题现在看起来像这样:

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