所以我有两个元素,一个嵌套在另一个元素中
<div id="outer"> <div id="inner"> <p>Lorem Ipsum</p> </div> </div>
外部容器大于内部容器,实现模态覆盖布局.我想在外部暴露的表面注册一个点击事件,这将导致两个都被关闭,但是如果您点击内部的div,我不希望发生这种情况.
我正在使用jQuery delegate / stopPropagation,并尝试询问该元素以确保它是外部的div,但无济于事 – 它仍然收到外部事件.我正在考虑在内部div之外的打击区域进行手动起动,但是我想知道是否有更优雅的选择.
编辑:
几个好的解决方案贴在这里 – 非常感谢您的反馈!
解决方法
$("#inner").click(function(event){ event.stopPropagation(); // do something });