javascript Boostrap popovers隐藏在外面和其他popovers的点击
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript Boostrap popovers隐藏在外面和其他popovers的点击相关的知识,希望对你有一定的参考价值。
$body.popover({
selector: '[data-toggle="popover"]',
trigger: "click focus",
placement: "bottom",
container: "body",
//...
}).on("show.bs.popover", function(e){
console.log(e.target);
//$('[data-toggle="popover"]').not(e.target).popover("destroy");
//$(".popover").remove();
$('[data-toggle="popover"]').not(e.target).popover('hide');
$(e.target).data('bs.popover').inState.click = false;
});
$body.on('click', function (e) {
if ($(e.target).data('toggle') !== 'popover'
&& $(e.target).parents('.popover.in').length === 0) {
var $popovers = $('[data-toggle="popover"]');
$popovers.popover('hide');
if($popovers.data("bs.popover")){
$popovers.data("bs.popover").inState.click = false;
}
// asegurarnos de que eliminamos los popovers
$('.popover').remove();
}
});
以上是关于javascript Boostrap popovers隐藏在外面和其他popovers的点击的主要内容,如果未能解决你的问题,请参考以下文章
Boostrap 插件
html Boostrap Javascript
boostrap插件
javascript boostrap - 更改必填字段的默认消息
javascript Bootstrap popover / tooltips / ...用于动态创建的元素
如何使用纯 CSS/JavaScript(即没有 jQuery、没有 Boostrap 等)创建可水平和垂直折叠的 HTML div?