气泡弹窗触发方式: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
移动端:都可以
本文探讨了气泡弹窗的触发方式选择,详细解释了为何在PC端使用click而非hover作为触发机制,并展示了实现代码。同时,文章提及了移动端的触发方式可以更加灵活。

1123

被折叠的 条评论
为什么被折叠?



