javascript - 如果点击了 child ，请不要隐藏灯箱

我有一个灯箱，并在一个居中放置内容的孩子中。这个孩子还有一个关闭按钮。单击灯箱或关闭按钮时，我只想隐藏灯箱。现在，如果单击该子项，它也将关闭。

js fiddle

的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();
});

最佳答案

尝试像e.target那样玩，

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

DEMO

关于javascript - 如果点击了 child ，请不要隐藏灯箱，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33277522/