JQueryMobile – 固定页脚在输入焦点后未固定

我正在为我的移动网站使用JQueryMobile。 当你按下“分享”按钮时，我有一个隐藏并显示的固定页脚。 然后当您开始滚动时它会消失。 我也有评论框。

要重新创建错误：[已删除]（使用移动设备或SIM卡）

• 向下滚动并单击第一个注释按钮（语音气泡+’3’）
• 单击文本区域
• 点击“完成”以取消聚焦
• 点击第一个评论按钮右侧的“分享”。

您将看到页脚短暂出现，然后它会下降到页面底部。 如果您仍然专注于textarea时单击“共享”，则页脚根本不会出现。

只要页面加载，只需单击“共享”按钮即可重新创建我想要发生的事情。

那里发生了什么，我该如何解决？ 我试图在文字不重要的情况下做各种各样的事情，但我无法得到任何工作。

Answer 1

我不知道为什么这段代码不能解决我的应用程序（jquery mobile 1.3.1）上的这个问题。 但我找到了这个bug的解决方案。 我希望它有助于解决您的问题

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

Answer 2

我已经通过不将页脚隐藏在焦点上来修复此问题。 它不是一个完美的解决方案，它可能是JQuery中的一个错误。

 $("[data-role=footer]").fixedtoolbar({ hideDuringFocus: "input, select" });