关于css:jquery检查是否显示了div

JQuery Check to See if Div is Shown

本问题已经有最佳答案，请猛点这里访问。

这就是我最终想要达到的目标：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

//When the user clicks the liveshow button this happens
$(".liveshow-button").live('click', function() {
if ($(".liveshowDiv2").css('display') == 'none') {
$(".liveshowDiv2").fadeOut(ifadeOutSpeed, function() {
$('#wrapper-div').animate({ height: $('.liveshowDiv1').height() +"px" }, iresizeSpeed, function() {
$('.liveshowDiv1').fadeIn(ifadeInSpeed, function() {
});
});
});
}
else {
alert('This never gets displayed');
$(".liveshowDiv1").slideUp('fast');
}
});

基本上，当您单击此按钮时，我想在显示的LiveShowDiv1和隐藏的LiveShowDiv1之间切换。但是，由于页面上的其他内容可以使LiveShowDiv1隐藏，所以我不能只做一个切换函数来实现这一点。我必须检查一下是否显示了LiveShowDiv1。

未显示时：显示=无

当它显示时，显示完全不在样式标记中

在jquery中，如何显示这个DIV？

相关讨论

有时需要检查DIV是否为块或无。我们可以很容易地做到这一点。这是简单的代码。这里，id ="test"->用于测试目的，如果使用class ="test"，则需要更新代码如果要检查块或可见，请将其用于所选的test是id。

1
2
3
4
5

1. if ($('#test').is(':visible')) {}

2. if ($('#test').css('display') == 'block'){}

3. if ($('#test').not(':hidden')){}

如果您的选择器是class，那么

1	1. if ($('.test').is(':visible')) {}

或

1	1. if ($(your_element).is(':visible')) {}

相同其他

如果您的selector是id，则使用此代码检查"无"或"隐藏"。

1
2
3
4
5
6
7

1. if ($('#test').not(':visible')){}

2. if (!$('#test').is(':visible')){}

3. if ($('#test').css('display') == 'none'){}

4. if ($('#test').is(':hidden')){}

如果您的选择器是类，那么使用这个

1	1. if ($('.test').not(':visible')){}

或

1	1. if ($(your_element).not(':visible')){}

希望它能帮助你

您可以尝试以下操作：

1	$(your_element).is(":visible")

例子；

1
2
3

if ($('#element_id').is(":visible") ) {
// do something
}

可以使用$(element).is(":visible")检查元素是否可见。