2012-02-10 111 views
28

有没有办法使用固定工具栏禁用淡入淡出效果? http://jquerymobile.com/demos/1.0.1/docs/toolbars/footer-persist-a.htmljquery mobile:禁用“点击切换”固定页眉和页脚

基本上任何时候你点击背景,或滚动,向上和向上,导航栏将淡出/在。

我一直在寻找了一段时间,现在我碰上了这个

[链接] jquery mobile static footer without toggle

它本质上说,滚动向下和向上淡入/淡出将得到固定在新的更新。 (如果你有任何想法如何解决这个问题,直到更新,我真的很感激它)

我也有问题,当我点击背景时切换页脚。 迄今为止我发现的所有代码都不能很好地工作。

例如: How to fix jQuery Mobile's fixed footer?

的JavaScript在那里不起作用:/

所以,请,如果你知道如何解决这些问题,或者有任何建议,我会很感激它

回答

72

如果你想禁用水龙头切换固定页脚的版本JQuery的Mobile 1.0可以使用这样的事情:

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

jQuery Mobile的1.1改变了你的水龙头切换功能设置为这样的方式:

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

或JQM 1.1,你可以简单地设置数据抽头拨动=“假”:

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

那第三个策略就像魅力一样,谢谢! – 2013-01-30 11:33:09

+1

第三种策略仅适用于页面新鲜时。如果您更新,更改或以其他方式生成标题代码,则触发器(“创建”)不会影响页眉或页脚。所以你最终会以unstyled和taptoggle启用。 JavaScript版本是这种情况的唯一选择,除非有人知道如何手动触发jquery移动页眉或页脚上的“增强”。 – Chris 2013-05-14 20:27:21

+0

它适用于所有情况下,当您将脚本放在'jquery'和'jquery-mobile'之间,但这次页眉和页脚与主要内容重叠。 – 2015-08-11 07:42:22