【问题标题】:Jquery mobile: Disable "tap to toggle" fixed header and footerJquery mobile:禁用“点击切换”固定页眉和页脚
【发布时间】:2012-03-03 04:42:04
【问题描述】:

有没有办法通过固定工具栏禁用淡入/淡出效果? http://jquerymobile.com/demos/1.0.1/docs/toolbars/footer-persist-a.html

基本上每当您点击背景或上下滚动时,导航栏都会淡出/淡入。

我一直在寻找一段时间,我遇到了这个

[链接]jquery mobile static footer without toggle

基本上它表示向下和向上滚动淡入/淡出将在新更新中得到修复。 (如果您对如何在更新之前解决此问题有任何想法,我将不胜感激)

当我点击背景时,我也遇到了切换页脚的问题。 到目前为止我发现的所有代码都没有很好地工作。

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

那里的javascript不起作用:/

如果您知道如何解决这些问题,或者有建议,我将不胜感激

【问题讨论】:

    标签: javascript jquery-mobile


    【解决方案1】:

    如果您想禁用点击以切换 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 中你可以简单地设置 data-tap-toggle="false":

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

    【讨论】:

    • 第三种策略仅在页面新鲜时有效。如果您更新、更改或以其他方式生成页眉代码,则触发器(“创建”)不会影响页眉或页脚。因此,您最终将启用无样式并启用 Taptoggle。 javascript 版本是这种情况的唯一选择,除非有人知道如何在 jquery 移动页眉或页脚上手动触发“增强”。
    • 当您将脚本放在jqueryjquery-mobile 之间时,它适用于所有情况,但这次页眉和页脚与主要内容重叠。
    猜你喜欢
    • 1970-01-01
    • 2013-11-06
    • 2011-10-31
    • 2014-11-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-26
    相关资源
    最近更新 更多