Bootstrap 3 Modal: jquery/javascript kullanılarak açık veya kapalı olup olmadığının nasıl kontrol edileceği

Question

Herkes, bootstrap 3.0 modal durumunu nasıl kontrol edeceğimi söyleyebilir mi, jQuery veya javascript kullanarak açık mı yoksa kapalı mı? Aşağıdaki kodu kullandım, ancak bir kez bir modal açtığınızda çalışır, aksi halde veri tanımlanmamış bir hata verir.

if($('#addMemberModal').data('bs.modal').isShown == true){ 
console.log("Modal is open"); 
} 

Answer 1

Ayrıca böyle düz jQuery kullanabilirsiniz: modal ajax tarafından yüklenen bir biçimde açılır

$('#myModal').is(':visible'); 

Answer 2

deneyin denetimi:

if($("#addMemberModal").data('modal') && $("#addMemberModal").data('modal').isShown) { 
    console.log("Modal is open"); 
} 

veya

if($('#addMemberModal').hasClass('in')) { 
    console.log("Modal is open"); 
} 

Answer 3

onların sayfa http://getbootstrap.com/javascript/#modals

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

başvurabilirsiniz show.bs.modal
Bu olay, show örneği yöntemi çağrıldığında hemen tetiklenir. Tıklamanın nedeniyse tıklanan öğe, etkinliğin relatedTarget mülkü olarak kullanılabilir.

shown.bs.modal
modal kullanıcı tarafından görülebilir hale getirilmiştir Bu olay tetiklenir (CSS geçişleri tamamlamak için bekleyecek). Tıklamanın nedeniyse tıklanan öğe, etkinliğin relatedTarget mülkü olarak kullanılabilir. gizlemek Örnek yöntemi olarak adlandırılır Bu olay hemen harekete geçirilir

hide.bs.modal.

hidden.bs.modal Bu olay kalıcı kullanıcıdan gizlenen tamamladığında ateşlenir (CSS geçişleri tamamlamak için bekleyecek). loaded.bs.modal Bu olay, mod, uzak seçeneği kullanarak içerik yüklediğinde tetiklenir.

Answer 4

eğer http://stackoverflow.com/

$(document).on('hidden.bs.modal', '#photoModal', function() { 
    cancel_camera(); 
    document.getElementById('PhotoPerson').innerHTML = '<img src="' + photoPerson + '"/>'; 
});*