我可以检查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 3.0 - 包含固定列大小的stream体网格
  • 如何清除引导程序3中的“x”的search框?
  • 如何在bootstrap 3.0中使用glyphicons
  • Browserify与twitter引导
  • Bootstrap 3 .col-xs-offset- *不起作用?
  • Bootstrap图标在本地加载,但在线时不能加载
  • 更大的字形
  • 引导3水平分频器(不在下拉菜单中)
  • 如何在Bootstrap 3中将带有图标的search框添加到导航栏中?
  • 当地址栏隐藏iOS / Android / Mobile Chrome时,背景图像跳转
  • 在Rails应用程序上安装Bootstrap 3