我正在使用Twitter Bootstrap,并在iPad和iPhone上进行测试时遇到了一些我无法解决的问题.在移动设备(至少是那些设备)上,您需要点击以接触提示或弹出窗口(如预期).问题是,一旦你做,永远不会关闭它.我添加了一个监听器关闭它,如果你再次点击它,但我发现很难相信默认的行为不会是单击去除它.这是Bootstrap popover和工具提示中的错误？我的代码在下面 – 它似乎工作,但只有当您点击创建提示或popover相同的项目 – 不在页面上的任何地方(无法使它工作).

防火码

$(function () {
    //Remove the title bar (adjust the template)
    $(".Example").popover({ 
        offset: 10,animate: false,html: true,placement: 'top',template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><div class="popover-content"><p></p></div></div></div>'
        //<h3 class="popover-title"></h3>
        //Need to have this click check since the tooltip will not close on mobile
        }).click(function(e) {
            jQuery(document).one("click",function() {
                $('.Example').popover('hide')
        });   
    });
});

HTML：

<a href="javascript:void(0);" class="Example" rel="popover" data-content="This is the Data Content" data-original-title="This is the title (hidden in this example)">

提前致谢！

丹尼斯

$(function () {
  $('[data-toggle="popover"]').popover({ trigger: "hover"}})
});

gem 'modernizr-rails'

.touch {
  cursor: pointer
}

if (Modernizr.touch) {
  $( "body" ).addClass( "touch" );
}