这里有个按钮,点击显示popover,然后里面有个添加按钮,点击添加,触发popover('hide');
function addGroup(){
$('.add-group-btn').popover('hide');
}
理论上应该就是控制这个弹出框隐藏了,但是实际效果是虽然隐藏了,但是再次点击add-group-btn却不触发再次显示popover,而是执行了元素的toggle的hide,然后再次点击才会显示,这是什么情况
$('.add-group-btn').on('hidden.bs.popover', function () {
alert(1)
})
而且我用hide监听,也的确监听到2次hide,哎
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
我前两天也遇到这个问题了,这个问题的看源码,首先每次点击的时候都会触发函数
toggle看一下toggle
问题出现在红框的位置,他是判断
true,false来进行隐藏(leave)和显示(enter)的默认是
false,第一次点击为取反为true,显示popover此时你手动
hide,popover消失你再点击按钮,此时状态为
true,取反为false,导致popover不会显示所以再次点击才会显示
第二个问题,为什么会执行两次
hidden,因为hide函数会在popover('hide')和
leave函数中都会执行所以要想
js控制,就把trigger设成manual,完全都由自己控制,就不会出问题了