Question

使用jQueryMobile，我在标记中包含了data-role="footer" data-position="fixed"，但仍存在两个错误：

页脚在空单击事件上切换。
页脚未修复，并隐藏了部分页面内容。

我正在使用iPhone 3g进行测试。有什么想法吗？

提前致谢。

更新：点击事件似乎修改了当前页面的页脚，并将ui-fixed-overlay更改为ui-fixed-inline，当然其样式为display:none以防止其他页面的页脚出现了。

如何防止此修改？

Answer 1

这在jQueryMobile 1.1 rc1中得到修复。见here。

在页脚上使用 data-tap-toggle =＆＃34; false＆＃34; 。

Answer 2

使用jquery.mobile-1.0a4将数据位置=“已修复”添加到页脚部分，可以在Iphone，Android和Chrome中正常工作

Answer 3

目前的“答案”可能有点误导。使用touchOverflow可能会在短期内帮助您，但很快就会消失。如果有人要阅读jQuery mobile blog，他们会注意到1月10日发布的这个模糊：

抬头：touchOverflow将在1.1中弃用 - 当我们第一次介绍了touchOverflow功能，我们认为它是一种很好的方法利用iOS中的原生溢出支持带来真正的修复工具栏和更平滑的过渡，即使它是相当狭窄的当时的一套设备。现在随着固定的重大变化标题和过渡计划为1.1，这些将改善以与touchOverflow几乎相同的方式体验，除了它我们决定在更多平台上工作并且复杂度更低退休此功能。它将在1.1处弃用并从中删除 1.2。我们确实有未来计划通过内部滚动来解决溢出区域，因此我们在touchOverflow上做了很多工作将被重新定位。

抱歉将此作为答案发布，但此时我无法发表评论。

Answer 4

我们遇到了这个问题，并使用iScroll（v3）和iScroll的一个漂亮的jquery移动包装器的组合。它完美地运作。查看此处的所有详细信息：

http://yappo.github.com/projects/jquery.mobile.iscroll/livedemo.html

Answer 5

我做了非常简单的事情。用CSS创建解决方案只为内容设置了正确的“最小高度”。将停止页脚跳转页面内容。

Answer 6

我也有类似的问题，页脚没有固定在滚动上。我的建议？ Sencha而不是jQueryMobile，它装载了bug并且还没有准备好生产。

页脚还会突出显示所选页面的URL / #page thing url会影响我的页脚菜单。

Answer 7

我使用jquery mobile 1.3.1，你之前说的所有内容都不适用于我的应用程序。但我有一个解决这个bug的方法。查看我的其他帖子JQueryMobile - fixed footer not fixed after input focus

$('div:jqmData(role="page")').on('pageinit',function(){
    $(document)
        .on('focus','input, select, textarea', function(){
            $('[data-role="footer"][data-position="fixed"]').hide();
        })
        .on('blur','input, select, textarea',function(){
            $('[data-role="footer"][data-position="fixed"]').show();
        });
});

如何修复jQuery Mobile固定页脚？

7 个答案: