bootstrap气泡弹窗使用——pc端
气泡弹窗触发方式: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
移动端:都可以