jquery - 如何检查 jquery 中 div 的显示(无/ block )？

Question

我正在用这个，

$("#loginanchor1").click(function (e) {
    e.preventDefault();
    $("#signin_menu1").slideDown("slow");
});
$(document).mouseup(function (e) {
    if ($(e.target).parent("a.loginanchor1").length == 0) {
        //$(".signin").removeClass("menu-open");
        $("#signin_menu1").slideUp("slow");
    }
});

一切正常，但是当 signin_menu1 显示 block 并且我在 div 内单击我的鼠标按钮时，div slidesup...我希望在 时阻止 mouseup 函数signin_menu1 显示 block 。所以我想改变条件，比如，

if(($(e.target).parent("a.loginanchor1").length==0) &&(//检查div的显示情况)

现在如何查看显示？

Answer 1

尝试

$(document).mouseup(function (e) {
    var $parent = $(e.target).parent("a.loginanchor1");
    if ($parent.length == 0 && !$("#signin_menu1").is(':visible')) {
        //$(".signin").removeClass("menu-open");
        $("#signin_menu1").slideUp("slow");
    }
});

我对这个问题感到困惑，但是 $("#signin_menu1").is(':visible') 会检查 div 是否可见 (display:block)。

添加注释:

您可以尝试检查 $(e.target) 是 signin_menu1 还是在 signin_menu1 中。这样做，

$(document).mouseup(function (e) {
    if ($(e.target).is('#signin_menu1') || $(e.target).closest('#signin_menu1').length > 0) { return ; } // do nothing on mouseup
    var $parent = $(e.target).parent("a.loginanchor1");
    if ($parent.length == 0) {
        //$(".signin").removeClass("menu-open");
        $("#signin_menu1").slideUp("slow");
    }
});