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

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

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

我需要真/假

6 Solutions collect form web for “我可以检查Bootstrap模式是否显示/隐藏?”

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

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

最好的方法在文档中给出

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

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

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

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

当模态隐藏? 我们这样检查:

 $('.yourmodal').on('hidden.bs.modal', function () { // do something here }) 
 if($('.modal').hasClass('in')) { alert($('.modal .in').attr('id')); //ID of the opened modal } else { alert("No pop-up opened"); } 

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

例如:

 if($('.modal').hasClass('in')){ //Do something here } 
  • Bootstrap不会检测到jQuery 1.11.0 - 未捕获错误:Bootstrap的JavaScript需要jQuery
  • 将Bootstrap更新到版本3 - 我该怎么做?
  • 什么是引导程序中的tabindex =“ - 1”
  • Bootstrap 3.0 - 包含固定列大小的stream体网格
  • Bootstrap 3 Glyphicons CDN
  • Bootstrap:如何堆叠不同高度的div?
  • 如何在bootstrap 3.0中使用glyphicons
  • Bootstrap:在Modal中打开另一个Modal
  • 把search图标靠近文本框使用引导
  • Bootstrap 3。容器中的stream体添加不需要的填充
  • 如何在不包装的情况下在引导列之间添加余量