如何關閉模式關閉popovers？

Question

我想關閉模式中的所有彈出窗口，以便在我重新打開模式時不顯示它們。

問題是，如果我嘗試關閉$("#modal").on("hidden", function() { [...] });，目標已經不可用。如果我在.on("shown", ...處做同樣的事情。

我不能刪除使用：

$(".buttonPopover").popover("hide"); 

因爲.buttonPopover是永遠可用的時候我要刪除popovers。如何在不訪問父母的情況下關閉它們？

Bootply

Answer 1

The problem is that if I try to close at .on("hidden") , the targets are already unavailable

這是因爲hidden.bs.modal事件觸發：

"when the modal has finished being hidden from the user (will wait for CSS transitions to complete)."

相反，使用hide.bs.modal事件，其中：

" is fired immediately when the hide instance method has been called"

像這樣：

$('.modal').on('hide.bs.modal', function() { 
    $("#openPopover").popover("hide") 
}); 

Demo in Bootply

---

更新

我很好奇，如果你hidden事件甚至被擺在首位射擊。該事件名稱命名空間，所以你必須把它稱爲hidden.bs.modal

這將永遠不會叫：

$('.modal').on('hidden', function() { 
    alert('hi'); 
}); 

這應該工作：

$('.modal').on('hidden.bs.modal', function() { 
    $("#openPopover").popover("hide") 
});