blocks|key|1192923|text|如果要检查特定元素上的对话框是否处于打开状态，可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1192924|if+($('#elem').closest('.ui-dialog').is(':visible'))+{+
++//+do+something
}|code-block|syntax|javascript|1192925|或者，如果只想检查元素本身是否可见，可以这样做：|1192926|if+($('#elem').is(':visible'))+{+
++//+do+something
}|1192927|或者..。|1192928|if+($('#elem:visible').length)+{+
++//+do+something
}|1192929|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

If you want to check if the dialog's open on a particular element you can do this:

<pre><code>if ($('#elem').closest('.ui-dialog').is(':visible')) { 
 // do something
}
</code></pre>

Or if you just want to check if the element itself is visible you can do:

<pre><code>if ($('#elem').is(':visible')) { 
 // do something
}
</code></pre>

Or...

<pre><code>if ($('#elem:visible').length) { 
 // do something
}
</code></pre>

blocks|key|1192974|text|如果您阅读了docs.|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1192975|$('#mydialog').dialog('isOpen')|code-block|syntax|javascript|1192976|此方法返回布尔值(true或false)，而不是jQuery对象。|1192977|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jqueryui.com/dialog/#method-isOpen^0|6|5|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

If you read the <a href="http://api.jqueryui.com/dialog/#method-isOpen" rel="noreferrer">docs.</a> 

<pre><code>$('#mydialog').dialog('isOpen')
</code></pre>

This method returns a Boolean (true or false), not a jQuery object.

blocks|key|1193029|text|实际上，您必须显式地将其与true进行比较。如果对话框还不存在，它将不会返回false+(如您所料)，它将返回一个DOM对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1193030|if+($('#mydialog').dialog('isOpen')+===+true)+{
++++//+true
}+else+{
++++//+false
}|code-block|syntax|javascript|1193031|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Actually, you have to explicitly compare it to true. If the dialog doesn't exist yet, it will not return false (as you would expect), it will return a DOM object.

<pre><code>if ($('#mydialog').dialog('isOpen') === true) {
 // true
} else {
 // false
}
</code></pre>

blocks|key|1193071|text|jQuery对话框有一个isOpen属性，可用于检查jQuery对话框是否打开。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1193072|您可以在此链接中查看示例：http://www.codegateway.com/2012/02/detect-if-jquery-dialog-box-is-open.html|1193073|entityMap|0|LINK|mutability|MUTABLE|url|http://www.codegateway.com/2012/02/detect-if-jquery-dialog-box-is-open.html^0|C|6|0|D|23|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@$9|T|A|U|1|V]]|E|$]]|$1|H|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

jQuery dialog has an <code>isOpen</code> property that can be used to check if a jQuery dialog is open or not. 

You can see example at this link:
<a href="http://www.codegateway.com/2012/02/detect-if-jquery-dialog-box-is-open.html" rel="nofollow">http://www.codegateway.com/2012/02/detect-if-jquery-dialog-box-is-open.html</a>

blocks|key|978892|text|Nick+Craver的注释是避免尚未定义对话框时出现的错误的最简单的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|978893|if+($('#elem').is(':visible'))+{+
++//+do+something
}|code-block|syntax|javascript|978894|不过，您应该首先在CSS中设置可见性，只需使用以下命令：|978895|#elem+{+display:+none;+}|978896|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Nick Craver's comment is the simplest to avoid the error that occurs if the dialog has not yet been defined:

<pre><code>if ($('#elem').is(':visible')) { 
 // do something
}
</code></pre>

You should set visibility in your CSS first though, using simply:

<pre><code>#elem { display: none; }
</code></pre>

I am using a jQuery UI dialog. If it is open, I want to do one thing. If it is closed, I want to do another. 

My question is, how do I detect if a jQuery UI dialog box is open or not?

Detect if a jQuery UI dialog box is open

jQuery

我正在使用jQuery UI对话框。如果它是打开的，我想做一件事。如果它关闭了，我想再做一次。我的问题是，如何检测jQuery UI对话框是否打开？

问检测是否打开了jQuery UI对话框
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检测是否打开了jQuery UI对话框EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检测是否打开了jQuery UI对话框
EN