Question

我有一个Lightbox，并且在一个有内容的中心孩子里面。孩子也有一个关闭按钮。我只想在点击灯箱或关闭按钮时隐藏灯箱。如果孩子被点击，它现在也会被关闭。

HTML

<div class="lightbox">
    <div class="child">
        <a class="close" href="#"><span>x</span></a>
        <header>
            <h4>content</h4>
        </header>
    </div>
</div>

JS

$('.lightbox, .close').on('click', function(){
    $('.lightbox').fadeOut();
});

Answer 1

尝试使用e.target喜欢，

$('.close,.lightbox').on('click', function (e) {
    if ($(e.target).parents(".lightbox").length && !$(e.target).is(".close,.close > span"))
    return;
    $('.lightbox').fadeOut();
});

如果点击了孩子，请不要隐藏Lightbox

1 个答案:

DEMO