页面滚动后 Android 上的 Bootstrap 弹出窗口消失

Question

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

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

在 iOS 上弹出框按预期工作，但在 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();
});