DIV图层和jquery点击功能

Question

我有一个明信片功能,基本上动画叠加div然后在它上面放一张明信片.HTML有以下几点:

<div id="overlay">
    <div class="postcard">
        <p>This is a postcard</p>
        <a href="#">close</a>
    </div>
</div>

我的jquery看起来像这样:

$('#overlay, .postcard a').click(function(){ doSomething() })

我希望我的事件处理程序仅在叠加div和明信片锚点上获取点击.

目前,在所有元素上都标识了一个点击,包括明信片div.

任何帮助将非常感谢.

Answer 1

这是由于Javascript的事件传播机制,您可以在以下位置阅读更多内容:

您可以通过禁用内部div的click事件来避免这种情况,如下所示:

$('.postcard').click( function(evt) { evt.stopPropagation(); } );