How to tell if any jquery dialog happens to be open?

Question

Looking for a general case solution to determine if any jquery dialog (there are multiple) is currently open. Have tried:

$(".ui-dialog-content").dialog("isOpen") === true
$(".ui-dialog").dialog("isOpen") == true
$(document).dialog("isOpen") == true
$("*").dialog('isOpen') == true

without any success. I expected ".ui-dialog-content" to work, since I can apparently close any open dialog with that selector, but it does not.

score 32 · Accepted Answer · answered Feb 03 '12 at 14:59

32

you can try

if($(".ui-dialog").is(":visible")){
//dialog is open
}

answered Feb 03 '12 at 14:59

Rafay

30,950
5
68
101

Something must be really odd with the styles on this page then. In firebug console while a dialog is open: $('.ui-dialog').is("visible") == false – lamont Feb 03 '12 at 15:08
1

@lamont - note the colon in front of `:visible` - it's a psuedo-selector. – Alnitak Feb 03 '12 at 15:08

ShankarSangoli · Answer 2 · 2012-02-03T15:04:41.813

2

jQuery UI dailog has a method isOpen which returns true if the dailog is open. Call it on the element which has opened the dialog box.

$('.ui-dialog-content').dialog("isOpen");

Refrence: http://jqueryui.com/demos/dialog/#method-isOpen

edited Feb 03 '12 at 15:04

answered Feb 03 '12 at 14:58

ShankarSangoli

69,612
13
93
124

1

see my question - $('.ui-dialog-content').dialog("isOpen") returns false while a dialog is open. – lamont Feb 03 '12 at 15:06
2

tried this - only works for the first dialog in the class. You'd need to use `.each()` to check for _any_ dialog. – Alnitak Feb 03 '12 at 15:07
I think that should have taken care by dialog to run each loop internally. – ShankarSangoli Feb 03 '12 at 15:11

score 1 · Answer 3 · answered Apr 06 '15 at 16:22

According to the API documentation, you should use

$( ".selector" ).dialog( "isOpen" )

to determine whether the dialog is open or not. The function returns a boolean. For example,

if( $("selector").dialog("isOpen")===true ){
     /*do stuff when dialog is open*/
} else {
     /*do stuff when dialog is closed*/
};

score 0 · Answer 4 · answered Feb 03 '12 at 14:56

0

Check if it's being displayed or not via CSS? Not sure if it's the right approach, but I suspect it'll work.

$(".ui-dialog").css('display') != "none"

answered Feb 03 '12 at 14:56

thenetimp

9,487
5
29
42

EDIT: actually $(".ui-dialog-content").css('display') != "none" gives a false positive if the dialog is closed, but does return true when it's open, while ".ui-dialog" seems to be always false. – lamont Feb 03 '12 at 14:58
>>> $(".ui-dialog-content").css('display') "block" >>> $(".ui-dialog").css('display') "none" regardless of dialog state, in firefox at least. – lamont Feb 03 '12 at 15:02
yeah it was a shot in the dark, I haven't used ui-dialog, was going off my general knowledge, looks like you found your answer though so that's great! – thenetimp Feb 03 '12 at 15:11

score -1 · Answer 5 · answered Apr 03 '15 at 14:04

-1

$('html').click(function() {
    x++;
    if(x==2){
    $(".ui-dialog-titlebar-close").trigger("click");
    x=0;
    }
    });

This one will work in all cases, where you call Dialog from DOM.

answered Apr 03 '15 at 14:04

user3801263

51
6

Not answering the qtn – PapillonUK Jan 07 '16 at 16:55

How to tell if any jquery dialog happens to be open?

5 Answers5

Linked