javascript - Jquery点击多个div/元素之外

Question

有两个部分targetDiv1和targetDiv2(不嵌套)。还有另一个部分collapsibleDiv。我需要在元素 targetDiv2 外部单击时运行一个函数(无论是折叠 div)；但当点击 targetDiv1 时不应触发该函数。使用下面的代码我无法实现这一点..任何帮助都会很棒...

$(document).click(function(e) { 
    if(!$(e.target).closest('.targetDiv1').length && !$(e.target).is('.targetDiv1')) {
        $('.collapsibleDiv').slideDown();
    }
});

JSFiddle 根据 @Kweiss 的回答 https://jsfiddle.net/vn8gmu8g/

Answer 1

您希望该函数在 Div1 或 Div2 外部单击时执行，但您的代码仅排除 Div1。只需添加 Div2 即可。

$(document).click(function(e) { 
    var $target = $(e.target);
    if(!$target.closest('.targetDiv1').length && !$target.hasClass('targetDiv1') && 
       !$target.closest('.targetDiv2').length && !$target.hasClass('targetDiv2')) {
        $('.collapsibleDiv').slideDown();
    }
});

将 e.target 保存在变量中并使用 hasClass() 将使您的代码更快。