onclick影响子元素

Question

我有一个页面，其中包含一个包含div的缩略图列表。单击包含div时，用户将滚动到下一行缩略图。

但是每个缩略图div也是一个链接，单击时滚动事件仍在发生。

有没有办法阻止影响这些子缩略图元素的javascript？

继承人的问题： http://codepen.io/anon/pen/Apelg/

N.B。链接是目标_blank，但你会注意到返回到你滚动到下一个div的页面，这就是我想要避免的。

Answer 1

你必须抓住缩略图上的点击并使用e.stopPropagation来防止冒泡到div

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

// OR

<img src="thumbnail.jpg" onclick="event.stopPropagation()" />