每次打開Bootstrap模式時都執行alert（），不起作用

Question

當我打開Bootstrap模式時，我想執行一個操作，在這種情況下是alert（）。 如何檢查Bootstrap模式是否打開，以便我可以執行警報（）？

我不會用jQuery選擇器調用模式，我只是讓Bootstrap完成那部分工作。

這是我的代碼，但它不工作：

if ($("#myModal").data("bs.modal") && $("#myModal").data("bs.modal").isShown){ 
    alert("test"); 
} 

Answer 1

您可以使用引導模式的事件：

$('#myModal').on('shown.bs.modal', function (e) { 
alert('modal is now loaded'); 
} 

或者您可以使用此事件顯示模態之前：

$('#myModal').on('show.bs.modal', function (e) { 
alert('modal is not displayed yet'); 
} 

look Here for more information about JavaScript bootstrap

Answer 2

我已經想通了，看來我的做法是錯誤的方式去做，而不是我應該叫這個函數內部：

$('#myModal').click(function(){ 
alert("myModal is clicked"); 
}) 

這樣，警報（）將只顯示，如果函數已經成功執行。