检查是否使用js隐藏了boostrap模态

Question

可以使用

隐藏Bootstrap模态

$('#myModal').modal('hide')

或使用角上的关闭图标或点击模态外的某个位置。

有没有办法检查模态是否已使用js方法关闭，是否已使用其他方法触发？

我想根据每个scenairo做具体的行动

$('#myModal').on('hidden.bs.modal', function (e) {
  // on js trigged close, do something
  // otherwise do something...
})

Answer 1

每当显示模态时，它会在模态中添加in类。所以你可以检查$('#myModal')是否有类，这意味着模态是显示，如果不是隐藏

这里是exmaple：

    if ($('#myModal').hasClass('in')) {
      console.log('modal is shown')
    }else {
      console.log('modal is hidden')
    }
    // or

    if ($('#myModal.in').length != 0) {
      console.log('modal is shown')
    }else {
      console.log('modal is hidden')
    }

已经过测试。