JQuery 检查是否显示 Div [重复]答案

【问题标题】：JQuery Check to See if Div is Shown [duplicate]JQuery 检查是否显示 Div [重复]
【发布时间】：2011-03-18 00:12:12
【问题描述】：

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

//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。

不显示时：display = none

当它显示时，样式标签中根本没有显示

如何在 JQuery 中判断此 div 何时显示？

【问题讨论】：

stackoverflow.com/questions/178325/…

标签： jquery css html

【解决方案1】：

if ( $(this).is(':visible') ) 应该适用于这个相对简单的显示/隐藏。

【讨论】：

我发誓我知道在某个时间点。很惊讶我在 google 上搞不明白。

【解决方案2】：

有时需要检查 div 是阻塞还是无。我们可以很容易地做到这一点。这是简单的代码。这里id = "test" -> 用于测试目的如果你使用class = "test" 那么需要更新代码要检查阻止或可见，然后将其用于您的选择 test 是 id

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

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

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

如果你的选择器是class 那么

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

或

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

同样的

如果您的selector 是id，请使用此代码来检查无或隐藏

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

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

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

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

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

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

或

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

希望对你有帮助

【讨论】：

【解决方案3】：

你可以试试这个：

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

示例；

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

【讨论】：

【解决方案4】：

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

【讨论】：