如何在嵌套的div上使用.click

Question

我有这个小提琴： https://jsfiddle.net/ren8v32v/

我想要的是，.underline div在点击的.block div下移动。问题是，当我点击其中一个内部div时，JavaScript也会看到上面的div，因此动画无效＆＃39;。

我想知道这种情况是否知道解决方案。

Answer 1

只需在事件处理程序的开头使用e.stopPropagation()即可。这样可以防止事件通过dom冒泡。

$('.block').click(function(e) {
    e.stopPropagation();
    ... stuff

更新了小提琴https://jsfiddle.net/ren8v32v/1/