jquery - 如何使用 jQuery 控制冲突的点击事件

Question

我有以下 HTML...

<div id="panel">
<a class="ext" href="http://google.com">Google</a>
</div>

如果我有一个 $(#panel).on({ click: function(e) {...} 事件来扩展 div 高度或折叠它，它如何告诉 click 事件“不触发”如果我点击 .ext 类项目，这样我就可以访问 google.com。

感谢您的建议

Answer 1

添加此:

$('.ext').click(function(e) {
    e.stopPropagation();
});

这将阻止事件冒泡到 #panel 元素。