1

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

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

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

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

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

那里发生了什么，我该如何解决？我试图在文本不聚焦时做各种事情，但我什么也做不了。

4

2 回答 2

1

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

$('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();
        });
});
于 2014-02-11T12:16:58.137 回答
0

我已经解决了这个问题，没有在焦点上隐藏页脚。这不是一个完美的解决方案，它可能是 JQuery 中的一个错误。

$("[data-role=footer]").fixedtoolbar({ hideDuringFocus: "input, select" });
于 2013-04-26T03:53:14.967 回答