Question

我正在为我的移动网站使用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" });

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

2 个答案: