Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Twitter Bootstrap Modal - IsShown

Tags:

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()} 
like image 486
Marco Johannesen Avatar asked Jan 06 '12 09:01

Marco Johannesen


People also ask

How do I know if bootstrap 5 modal is open?

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

How do I know if a bootstrap modal is closed?

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

How do I stop bootstrap modal pop up?

Clicking on the modal “backdrop” will automatically close the modal. Bootstrap only supports one modal window at a time.

What is data BS dismiss?

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.


2 Answers

Answer for Twitter Bootstrap 3:

$("element").data()['bs.modal'].isShown 

or

$("element").data('bs.modal').isShown 
like image 79
dr.dimitru Avatar answered Oct 07 '22 15:10

dr.dimitru


The answer is:

$("element").data('modal').isShown 
like image 21
Marco Johannesen Avatar answered Oct 07 '22 16:10

Marco Johannesen