Javascript 如何修复jquerymobile'；是固定页脚吗？

使用jQueryMobile，我在标记中包含了

data role=“footer”data position=“fixed”

，但仍然存在两个bug：

• 页脚在空单击事件上切换
• 页脚不是固定的，并且隐藏了一些页面内容

我正在用iphone3g进行测试。有什么想法吗

提前谢谢

更新：单击事件似乎修改了当前页面的页脚，并将

ui固定覆盖

更改为

ui固定内联

，当然，它的样式为

display:none

，以防止其他页面的页脚出现

---

如何防止这种修改？

我也遇到过类似的问题，页脚也没有固定在滚动上。我的建议？Sencha而不是jQueryMobile，它充满了bug，还没有准备好投入生产

---

页脚还突出显示从URL选择的页面/#页面内容URL会影响我的页脚菜单。

在jquery.mobile-1.0a4中，将数据position=“fixed”添加到页脚部分在Iphone、Android和Chrome中可以正常工作。

我们遇到了这个问题，并使用了iScroll（v3）的组合还有一个很好的jquery移动包装器。它工作得很好。请参见此处的所有详细信息：

---

如果使用1.1或更高版本，请将

数据点击toggle=“false”

添加到页眉和页脚，如图所示

如果您使用的是1.1版之前的jQuery Mobile，请在加载jQuery Mobile之前放置以下内容：

$(document).bind("mobileinit", function(){
  $.mobile.touchOverflowEnabled = true;
}); // remove

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

提醒：touchOverflow将在1.1中被弃用–当我们第一次 介绍了touchOverflow特性，我们认为这是一个很好的解决方法 利用iOS中的本机溢出支持实现修复 工具栏和更平滑的过渡，即使它是一个相当狭窄的 当时的一组设备。现在有了重大的变化来修复 1.1计划的标题和转换，这些将改进 体验与touchOverflow几乎相同的方式，只是它会 在更多的平台上工作，复杂性更低，因此我们决定 取消此功能。它将在1.1中被弃用，并在 1.2. 我们确实有解决内部滚动溢出区域的未来计划，所以我们在touchOverflow上做了很多工作 将被重新定位

---

很抱歉将此作为答复发布，但我现在无法发表评论。

这在jQueryMobile 1.1 rc1中已修复。看

---

在你的页脚上使用数据点击toggle=“false”。

我做了一件非常简单的事情。用CSS找到的解决方案只是为内容设置适当的“最小高度”。这将阻止页脚在页面内容上跳跃。

我使用jquery mobile 1.3.1，而你之前所说的一切在我的应用程序上都不起作用。但是我有一个解决这个错误的方法。查看我的其他帖子

---

Re：页脚不是固定的，它隐藏了一些页面内容

我也在与这个问题作斗争。

---

结果是，我不得不将结束内容div标记移动到页脚开始之前。如果页脚位于content div标记内-并且您打开了>>>data position=“fixed”则取得了一些进展：找到了症状。关于治疗有什么想法吗？嗨，你有没有找到解决页脚重画问题的方法？我正试图在jQuery Mobile rc1版本中解决同样的问题。Sencha看起来非常好，谢谢。我不记得是什么了，但我听说它有一些问题。无论如何，用Sencha重建整个过程需要一些时间。如果在此期间有一个黑客解决这个问题，那就更好了。谢谢你看过这个吗？这是一个可能的修复未被修复的页脚。这是一个已知的错误。按预期工作？。。。页眉和页脚在卷轴上消失（有时），然后逐渐消失。似乎没有办法（当然除了黑客攻击）创建一个类似iScroll的、真正的、真正的固定页脚。这也不是Beta版的预定功能。为真正固定的页眉或页脚考虑Wink或ISCROLL。这不是一个很受欢迎的设计决定。在这里看到一些解决方案，我想补充一点，在我的footer div中包含相同的data id=“foo”，修复了我的问题，即在按钮按下事件中，页脚栏更改为内联定位。谢谢这是2011年5月发布的；我猜在这段时间里情况已经发生了变化。你能链接到描述这一点的文档吗？它似乎不起作用（酒吧仍然淡出并重新出现）。此外，对于其他人来说，可能会有更多有趣的信息出现在这篇文章中。从今天起，当我检查touchOverflowEnabled不再受支持时。您可以使用上面的文档链接查看官方注释。

$('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();
        });
});