JQueryMobile - 固定页脚不固定输入焦点后(JQueryMobile - fixed

我使用JQueryMobile我的移动网站。 我有一个隐藏和显示当你按下“共享”按钮，一个固定的页脚。 然后，当你开始滚动消失。 我也得到了评论框。

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

• 向下滚动并单击第一评论按钮（语音泡+“3”）
• 点击文本区域
• 点击“完成”，以无焦点的
• 点击“分享”到的第一个评论按钮的右侧。

你会看到页脚显示片刻，然后下降到页面底部。 如果您对“分享”点击，同时仍然集中在文字区域，页脚只是不会出现在所有。

您可以重新创建我想通过简单，只要在页面加载的“分享”按钮，点击发生。

那里的东西怎么回事，我该如何解决？ 我试着在文本到无焦点做各种事情，但我不能得到任何工作。

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" });

文章来源: JQueryMobile - fixed footer not fixed after input focus