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

Question

我使用JQueryMobile为我的移动网站。我有一个固定的页脚，当你按下"分享"按钮时隐藏和显示。当你开始滚动时，它就会消失。我也有评论框

重新创建错误:[删除](使用移动设备或sim卡)

• 向下滚动，点击第一个评论按钮(语音气泡+ '3')
• 点击文本区域
• 点击'done'取消对焦
• 点击第一个评论按钮右侧的"分享"。

您将看到页脚短暂出现，然后它下降到页面的底部。如果你点击"分享"，而仍然专注于文本区域，页脚根本不会出现。

你可以重新创建我想要发生的事情，只需点击"分享"按钮，只要页面加载。

那里发生了什么，我该如何解决它?我尝试过各种方法来解决文本不聚焦的问题，但是我不能让任何东西工作。

Answer 1

我不知道为什么这个代码不能解决这个问题在我的应用程序(jquery移动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的一个bug。

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