最新消息:本站所有跳转向bbs.ykit.cn的附件将全面停止,附件已转移到https://www.qingsj.com

Bootstrap Popover 点击Popover外区域自动关闭Popover

Bootstrap 有客 455浏览

最近在写一个web网站,前端方面,都是初学的,用到了一个bootstrap的popover,但是有些东西默认的不太好用,就只能自己修改了。

比如说默认只有点击触发的那个按钮才能关闭pop,而现在我想点击Popover外区域自动关闭Popover。

这个时候可以给Body加一个监听。

$('body').on('click', function(event) { 
 var target = $(event.target); // One jQuery object instead of 3 
 
 // Compare length with an integer rather than with 
 if (!target.hasClass('popover') 
 && target.parent('.popover-content').length === 0 
 && target.parent('.myPopover').length === 0 
 && target.parent('.popover-title').length === 0 
 && target.parent('.popover').length === 0 && target.attr("id") !== "folder") { 
 $('#folder').popover('hide'); 
 } 
});

上面的代码解释如下:

给body添加一个click监听。

然后获取到当前的target。

这个时候怕段target的父亲节点是不是在popover里面。

如果在,说明当前鼠标点击发生在pop里,

如果不在,就触发下面的按钮,关闭pop。

$('#folder').popover('hide');

转载请注明:有客帮 » Bootstrap Popover 点击Popover外区域自动关闭Popover