javascript - 页面滚动后，Android 上的 Bootstrap 弹出框消失

Question

我有一个关于 bootstrap popover - javascript 插件的问题。Popover 里面有文本输入，在普通浏览器上查看这个页面时，我可以点击这个输入并输入数据。

但在 android 中，当我打开弹出框并单击输入时，键盘出现但弹出框消失。

在 iOS popover 上按预期工作，但在 Android 上它消失了。我的代码是通用的，简单的：

$('.logMe').popover({
            html: true,
            placement: 'bottom',
            content: function() {
                return $('#login').parent().html();
            }
        })

谢谢你的任何建议。

Answer 1

这是一个已知的错误。当前的解决方法是将其关闭的侦听器。像这样的东西：

$('*').bind('touchend', function(e){
   if ($(e.target).attr('rel') !== 'tooltip' && ($('div.tooltip.in').length > 0)){
        $('[rel=tooltip]').mouseleave();
        e.stopPropagation();
   } else {
        $(e.target).mouseenter();
   }
});

Answer 2

这对我有用：

$(window).resize(function () {
   $(window).refreshPosition();
});