bootstrap气泡弹窗使用——pc端

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/LiyangBai/article/details/84201013

气泡弹窗触发方式：click   or   hover？

$(function(){
    $('#related-download').popover({
        container: 'body',
        trigger: 'click', //使用click,不用hover是因为hover在pc端有bug：无法点击到气泡弹窗中的内容
        placement: 'bottom',
        delay: {hide: 100},
        content: function(){
            return $('#popover_content_wrapper').html();
        }
    });

    $('#popover_content_wrapper ul li').css({
        'listStyle': 'none',
        'textAlign': 'center',
    });
    //当点击气泡弹窗以外的区域时，关闭气泡弹窗
    $('body').on('click',function(event){
        var target = $(event.target);
        if(!target.hasClass('button_active')){
            $('#related-download').poopover('hide');
        }
    });
})

pc端：click

移动端：都可以