每次打开 Bootstrap 模态时执行 alert()，不起作用

Question

当我打开一个 Bootstrap 模式时，我想执行一个动作，在本例中是一个 alert()。 如何检查 Bootstrap 模式是否打开以便我可以执行 alert()？

我不使用 jQuery 选择器调用模态，我只是让 Bootstrap 完成那部分工作。

这是我的代码，但它不起作用：

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

Answer 1

您可以使用 bootstrap 模态事件：

   $('#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");
})

这样，alert() 只会在函数成功执行时显示。