没有切换的jquery移动静态页脚答案

【问题标题】：jquery mobile static footer without toggle没有切换的jquery移动静态页脚
【发布时间】：2013-09-22 17:46:03
【问题描述】：

我有一个页脚固定的页面

<div data-role="page" id="next_collection" data-theme="d">
    <div data-role="header" data-theme="elw">
        Title
    </div>
    <div data-role="content" style="min-height: 246px;">
        Some content
    </div>
    <div data-role="footer" data-id="footer_nav" data-position="fixed">
        <a href="#business_hours"><img src="images/icon.png" /></a>
    </div>
</div>

这适用于 Android 和 iPod，但在 iPhone 4s 上，如果您触摸屏幕，它会切换（隐藏/显示）页脚。我试图像在old question 中那样修复它，但这不再起作用了。对于$.mobile.fixedToolbars.setTouchToggleEnabled()，我得到：

$.mobile.fixedToolbars is undefined

如何在新版本中阻止页脚切换？

【问题讨论】：

标签： javascript jquery-mobile

【解决方案1】：

正如@commadelimited 所说，切换是以前版本中没有的新功能。

添加到页眉或页脚以删除该切换功能的元数据是：

data-tap-toggle="false"

因此，在您的情况下，页脚应如下所示：

<div data-role="footer" data-id="footer_nav" data-position="fixed" data-tap-toggle="false">
    <a href="#business_hours"><img src="images/icon.png" /></a>
</div>

这里应该是他们网站上的某种参考：link to google search

【讨论】：