Bootstrap 3 Modal: how to check if modal is open or closed using jquery/javascript

Question

Can anyone please tell me how to check bootstrap 3.0 modal status, is it open or closed using jQuery or javascript. I used following code but it works when you have opened a modal for one time otherwise gives data undefined error.

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

Answer 1

You can also use straight jQuery like this:

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

Answer 2

you can refer to their page http://getbootstrap.com/javascript/#modals

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

show.bs.modal
This event fires immediately when the show instance method is called. If caused by a click, the clicked element is available as the relatedTarget property of the event.

shown.bs.modal
This event is fired when the modal has been made visible to the user (will wait for CSS transitions to complete). If caused by a click, the clicked element is available as the relatedTarget property of the event.

hide.bs.modal
This event is fired immediately when the hide instance method has been called.

hidden.bs.modal This event is fired when the modal has finished being hidden from the user (will wait for CSS transitions to complete). loaded.bs.modal This event is fired when the modal has loaded content using the remote option.