我可以检查Bootstrap模式是否显示/隐藏？

我可以检查Bootstrap Modal是否以编程方式显示/隐藏？

像bool a = if("#myModal").shown(); ？

我需要真/假

Answer 1

 alert($('#myModal').hasClass('in')); 

如果模态打开，它将返回true

Answer 2

最好的方法在文档中给出

 $('#myModal').on('shown.bs.modal', function () { // will only come inside after the modal is shown }); 

有关更多信息，请参阅http://getbootstrap.com/javascript/#modals

Answer 3

它的一个老问题，但无论如何，inheritance人的事情，我incase有人正在寻找同样的事情

 if (!$('#myModal').is(':visible')) { // if modal is not shown/visible then do something } 

Answer 4

当模态隐藏？ 我们这样检查：

 $('.yourmodal').on('hidden.bs.modal', function () { // do something here }) 

Answer 5

 if($('.modal').hasClass('in')) { alert($('.modal .in').attr('id')); //ID of the opened modal } else { alert("No pop-up opened"); } 

Answer 6

使用hasClass('in') 。 如果模态处于OPEN状态，它将返回true。

例如：

 if($('.modal').hasClass('in')){ //Do something here }