jquery在两个div上相继启动

我正在尝试类似的方法，但似乎不起作用

$(document).ready(function (e) {
    $('.close').click(function () {
        $('.popup').addClass('hide');
        return false;
    })

    $('.close1').click(function () {
        $('.popup_2').addClass('hide');
        return false;
    })
});

因此，隐藏被添加到弹出窗口和弹出窗口2中

<div class="popup hide" style="display: block;">


<div class="popup_2 hide" style="display: block;">

请解决此问题

您可以使用：

确定是否为任何匹配的元素分配了给定的 班级

---

另外，请注意，默认情况下，

是

显示：block

。您不再需要为其设置该样式。

使用

hasClass

jquery:

 if($(".popup").hasClass('hide') && $(".popup_2").hasClass('hide') )
{
    $("#overlay").addClass('hide');
}

试试这个：

$(document).ready(function (e) {
    $('.close').click(function () {
        $('.popup').addClass('hide');
        if($('.popup_2').hasClass('hide')) {
            $('#overlay').hide();
        }

        return false;
    })

    $('.close1').click(function () {
        $('.popup_2').addClass('hide');
        if($('.popup').hasClass('hide')) {
            $('#overlay').hide();
        }
        return false;
    })
});

if(!$('.popup').is(":visible") && !$('.popup_2').is(":visible")) {
    $('#overlay').hide();
}

当两个弹出窗口都被隐藏时，这将隐藏覆盖

希望有帮助。

使用

确定是否将任何匹配的元素分配给给定的类

工作

尝试以下方法：

$(document).ready(function (e) {
    $('.close').click(function () {
        $('.popup').addClass('hide');
        if($('.popup_2').hasClass('hide')) {
            $('#overlay').hide();
        }

        return false;
    })

    $('.close1').click(function () {
        $('.popup_2').addClass('hide');
        if($('.popup').hasClass('hide')) {
            $('#overlay').hide();
        }
        return false;
    })
});

if(!$('.popup').is(":visible") && !$('.popup_2').is(":visible")) {
    $('#overlay').hide();
}

使用

如果（！$（'.popup'）是（“：可见”）和（&！$（'.popup_2'）是（“：可见”））{
$（“#覆盖”）.hide（）；
}

使用

hasClass

jquery@TekexploreThiyagu如果有帮助，请接受答案，以便将其从未回答问题列表中删除：）

$(document).ready(function (e) {
    function hide_overlay() {
        if ($('.popup').hasClass('hide') && $('.popup_2').hasClass('hide')) { //check condition here 
            $('#overlay').hide(); //hide when condition is true
        }
    }
    $('.close').click(function () {
        $('.popup').addClass('hide');
        hide_overlay(); //call function 
        return false;
    })

    $('.close1').click(function () {
        $('.popup_2').addClass('hide');
        hide_overlay();//call function 
        return false;
    });

});

$('.close').click(function(){

    $('.popup').addClass('hide');  
    if( $('.popup_2').hasClass('hide') ){
      $('#overlay').hide();
    }
    return false;

})

$('.close1').click(function(){

    $('.popup_2').addClass('hide'); 
    if( $('.popup').hasClass('hide') ){
      $('#overlay').hide();
    }
    return false;

})

if(!$('.popup').is(":visible") && !$('.popup_2').is(":visible")) {
    $('#overlay').hide();
}