How to handle the modal closing event in Twitter Bootstrap?

by

Updated for Bootstrap 3 and 4

Bootstrap 3 and Bootstrap 4 docs refer two events you can use.

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).

And provide an example on how to use them:

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

Legacy Bootstrap 2.3.2 answer

Bootstrap’s documentation refers two events you can use.

hide: This event is fired immediately when the hide instance method has been called.
hidden: This event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).

And provides an example on how to use them:

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

More Related Contents:

  1. Twitter bootstrap remote modal shows same content every time
  2. Bind a function to Twitter Bootstrap Modal Close
  3. Disallow Twitter Bootstrap modal window from closing
  4. Close Bootstrap Modal
  5. How to pass values arguments to modal.show() function in Bootstrap
  6. How to check if bootstrap modal is open, so I can use jquery validate?
  7. Autofocus input in twitter bootstrap modal
  8. how to close a bootstrap modal with the browser back button instead of going back a page?`
  9. Load content with ajax in bootstrap modal
  10. anchor click doesn’t open the modal
  11. twitter bootstrap typeahead ajax example
  12. $(window).width() not the same as media query
  13. Bootstrap 3 Collapse show state with Chevron icon
  14. How can I keep selected Bootstrap tab on page refresh?
  15. Select2 doesn’t work when embedded in a bootstrap modal
  16. Hide Twitter Bootstrap nav collapse on click
  17. Getting Bootstrap’s modal content from another page
  18. How do I bind Twitter Bootstrap tooltips to dynamically created elements?
  19. Twitter Bootstrap Use collapse.js on table cells [Almost Done]
  20. How to set selected value on select using selectpicker plugin from bootstrap
  21. jQuery UI Dialog window loaded within AJAX style jQuery UI Tabs
  22. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  23. Calling a function on Bootstrap modal open
  24. Where is the typeahead JavaScript module in Bootstrap 3 RC 1?
  25. Use Bootstrap 3 dropdown menu as context menu
  26. Limit bootstrap-datepicker to weekdays only?
  27. jQuery ui datepicker conflict with bootstrap datepicker
  28. Bootstrap 3.3.6 JQuery 2.2.4 Version Exception
  29. Twitter Bootstrap Carousel cycle items right to left ( RTL ) reversed
  30. Jquery to open Bootstrap v3 modal of remote url

Leave a Comment