Saya dapat memeriksa jika Bootstrap Modal Ditampilkan / Disembunyikan?

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

Itu akan mengembalikan true jika modal buka

Metode terbaik adalah yang diberikan dalam dokumen

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

untuk info lebih lanjut lihat http://getbootstrap.com/javascript/#modals

sebuah pertanyaan lama tapi bagaimanapun ini sesuatu yang saya digunakan memetikan seseorang mencari hal yang sama

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

Ketika modal menyembunyikan? kita cek seperti ini :

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

Gunakan hasClass('di'). Itu akan mengembalikan true jika modal dalam OPEN negara.

E. g:

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

Di resmi cara:

> ($("element").data('bs.modal') || {})._isShown    // Bootstrap 4
> ($("element").data('bs.modal') || {}).isShown     // Bootstrap <= 3

{} digunakan untuk menghindari kasus yang modal tidak dibuka lagi (kembali undefined). Anda juga dapat menetapkan hal yang sama {isShown: false} untuk tetap's lebih masuk akal.

Dengan Bootstrap 4:

if ($('#myModal').hasClass('show')) {
    alert("Modal is visible")
}

Semua Bootstrap versi: js var isShown = $('.modal').hasClass('di') || $('.modal').hasClass('acara')

Untuk itu independen dari negara dan versi: js $('.modal tombol.dekat').klik()

info lebih lanjut

Bootstrap 3 dan sebelum js var isShown = $('.modal').hasClass('di')

Bootstrap 4 js var isHown = $('.modal').hasClass('acara')

Bagi saya ini bekerja

 
if($("#myModal").css("display") !='ada' && $("#myModal").css("visibilitas") != 'tersembunyi')
alert("modal shown");