Question

我有一个固定页脚的页面

<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

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

Answer 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

jquery移动静态页脚没有切换

1 个答案: