每次打开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"); 
}) 

这样，警报（）将只显示，如果函数已经成功执行。