Jquery mobile: 禁用“轻触切换”固定页眉和页脚

Question

有没有办法在使用固定工具栏时禁用点击淡入/淡出效果？ http://jquerymobile.com/demos/1.0.1/docs/toolbars/footer-persist-a.html 基本上，每次点击背景或者向下/向上滑动时，导航栏都会淡出/淡入。

我一直在找解决办法，然后发现了这个：

[a link] jquery mobile static footer without toggle 基本上它说滑动向下和向上的淡入/淡出问题将会在新版本中得到解决。(如果您有任何想法可以在更新之前解决这个问题，我将非常感激)

我也遇到了当我点击背景时切换页脚的问题。迄今为止我找到的所有代码都不能很好地解决这个问题。

例如： How to fix jQuery Mobile's fixed footer? 里面的JavaScript代码不起作用:/

如果您知道如何解决这些问题或有建议，我会非常感激。

- A.sharif

Answer 1

如果你想在 Jquery Mobile 1.0 版本中禁用点击固定页脚开关功能，你可以使用如下代码：

$(function(){
  $.mobile.fixedToolbars.setTouchToggleEnabled(false);
});

Jquery Mobile 1.1 改变了设置轻敲切换(tap toggle)功能的方式，像这样：

$(function(){
  $('[data-role=header],[data-role=footer]').fixedtoolbar({ tapToggle:false });
});

或者在 JQM 1.1 中，您可以简单地设置 data-tap-toggle="false"：

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

- codaniel

---

第三种策略只在页面刷新时有效。如果您更新、更改或生成页眉代码，触发器("create")不会影响页眉或页脚。因此，您最终将得到未经样式化和taptoggle启用的结果。在这种情况下，JavaScript版本是唯一的选择，除非有人知道如何手动触发jquery mobile页眉或页脚上的"enhance"。 - Chris

当您将脚本放置在jquery和jquery-mobile之间时，它适用于所有情况，但这一次标题和页脚重叠了主要内容。 - Davut Gürbüz