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

标签 javascript jquery twitter-bootstrap twitter-bootstrap-3 bootstrap-popover

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

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

在 iOS 上弹出窗口按预期工作,但在 Android 上它消失了。 我的代码通用且简单:

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

感谢您的任何建议。

最佳答案

这是一个已知错误。当前的解决方法是一个将关闭它的监听器。像这样:

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

关于javascript - 页面滚动后,Android 上的 Bootstrap 弹出窗口消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29433883/

相关文章:

javascript - jQuery 获取 innerHTML 不适用于 HTMLFontElement 对象

html - 按我想要的方式对齐元素的问题

html - Bootstrap 折叠列表以选择下拉列表

javascript - 检查元素是否可以向左或向右滚动

javascript - 使用 PIXI JS 在 vue js 方法上绑定(bind)上下文

javascript - Timeago + DateJS = NaN

javascript - 使用带有 Javascript 的数组检测媒体文件并返回所有网址

javascript - 用于更新 mysql 中字段的 Jtable.org 自定义按钮 onclick

javascript - 如何缩小Lit-HTML(包括注释)

asp.net - Bootstrap 3.0 "row"第一项未正确对齐