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

Question

我可以通过Programatically检查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

这是一个古老的问题,但无论如何,这是我用过的东西,因为有人在寻找同样的东西

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

所有 Bootstrap 版本：

var isShown = $('.modal').hasClass('in') || $('.modal').hasClass('show')

独立于状态和版本关闭它：

$('.modal button.close').click()

更多信息

Bootstrap 3 及之前

var isShown = $('.modal').hasClass('in')

引导程序 4

var isShown = $('.modal').hasClass('show')