Hello Fellow SO users,
Got this problem where i auto populate a modal box.
Sometimes it already has content, so i tried doing a hide/show on each request. But the show is fired before the hide function is done, so it breaks the script.
I can't do a bind to "hidden", because if it's the first time - it won't fire the hidden function from bootstrap.
Using modal('true') i can see the object has a isShown element, but does anyone know how i can access it?
The console.log shows this:
$backdrop [div.modal-backdrop] $element [div#modal-from-dom.modal] isShown true settings Object { backdrop="static", keyboard=true, show=false} hide function() show function() toggle function() __proto__ Object { toggle=function(), show=function(), hide=function()}
You can simply use the modal('show') method to show or open the modal window in Bootstrap using jQuery. Other related Bootstrap's modal methods are modal('hide') and modal('toggle') .
Answer: Use the modal('show') Method You can simply use the modal('show') method to show or open the modal window in Bootstrap using jQuery. Other related Bootstrap's modal methods are modal('hide') and modal('toggle') .
Clicking on the modal “backdrop” will automatically close the modal. Bootstrap only supports one modal window at a time.
The .modal-header class is used to define the style for the header of the modal. The <button> inside the header has a data-dismiss="modal" attribute which closes the modal if you click on it.
Answer for Twitter Bootstrap 3:
$("element").data()['bs.modal'].isShown
or
$("element").data('bs.modal').isShown
The answer is:
$("element").data('modal').isShown
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With