javascript - 如何让 jQuery 仅触发精确绑定(bind)事件

Question

我有一个场景，我必须将点击事件绑定(bind)到外部和内部 div，但是出现一个问题，当我点击内部 div 时，它将触发 2 个点击事件，包括外部和内部 div 绑定(bind)事件。

如何获得仅针对内部 div 触发的确切事件？

这里我附上了jsfiddle演示:

http://jsfiddle.net/mochatony/FkCmH/8/

Answer 1

只需将 return false; 添加到小框处理程序即可。

修复了 jsFiddle: http://jsfiddle.net/brodenbaugh/BMPYd/

$('#small-box').click(function(){
    console.log('red box');
    return false;
});