How to hide Bootstrap modal with javascript?

by

With the modal open in the browser window, use the browser’s console to try 

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

If it works (and the modal closes) then you know that your close Javascript is not being sent from the server to the browser correctly.

If it doesn’t work then you need to investigate further on the client what is happening. Eg make sure that there aren’t two elements with the same id. Eg does it work the first time after page load but not the second time?

Browser’s console: firebug for firefox, the debugging console for Chrome or Safari, etc.

More Related Contents:

  1. Multiple modals overlay
  2. Bootstrap: Open Another Modal in Modal
  3. Getting Bootstrap’s modal content from another page
  4. Calling a function on Bootstrap modal open
  5. Passing data to a bootstrap modal
  6. How to open a Bootstrap modal window using jQuery?
  7. How to bind bootstrap popover on dynamic elements
  8. Disable click outside of bootstrap modal area to close modal [duplicate]
  9. Contain form within a bootstrap popover?
  10. How to reset the bootstrap modal when it gets closed and open it fresh again?
  11. Using Bootstrap Modal window as PartialView
  12. How to change active class while click to another link in bootstrap use jquery?
  13. How to enable Bootstrap tooltip on disabled button?
  14. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  15. Bootstrap Carousel : Remove auto slide
  16. Bootstrap modal: background jumps to top on toggle
  17. Bootstrap Dropdown with Hover
  18. jquery-ui-dialog – How to hook into dialog close event
  19. TypeError: $(…).modal is not a function with bootstrap Modal
  20. How do I keep the current tab active with twitter bootstrap after a page reload?
  21. jQuery UI Dialog Box – does not open after being closed
  22. Modal image galleries – multiple images
  23. The data-toggle attributes in Twitter Bootstrap
  24. Twitter bootstrap – Focus on textarea inside a modal on click
  25. Bootstrap modal hide is not working
  26. Twitter Bootstrap Popovers not working for Dynamically Generated Content
  27. Twitter Bootstrap: Print content of modal window
  28. Bootstrap button drop-down inside responsive table not visible because of scroll
  29. “Force Reflow” in CSS transitions in Bootstrap
  30. JQuery Modal Boxes and Iframe

Leave a Comment