JQuery检查是否显示Div

Question

这是我最终要努力实现的目标:

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

当它显示时,显示器根本不在样式标签中

如何在显示此div时告诉JQuery？

Answer 1

if ( $(this).is(':visible') ) 应该为这个相对简单的表演/隐藏工作.

Answer 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')) {}

相同的

对于检查无或隐藏,然后如果使用此代码selectorISid

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')){}

希望它会对你有所帮助

Answer 3

你可以试试这个：

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

例子;

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