jQuery在第一个十一之后停止"点击"动作

Question

有两个嵌套元素,都有不同的click动作.
单击内部元素时,我需要停止外部元素操作.

HTML:

<div id='out'>
    <div id='in'></div>
</div>

jQuery的:

$('#out').click(function(){alert('OUT div is pressed')})
$('#in').click(function(){alert('IN div is pressed')})

我需要in按下时,只执行他的动作.out的剧本应该没有动作.

如何解决？

Answer 1

你应该使用stopPropagation():

$('#in').click(function(e){
   alert('IN div is pressed')
   e.stopPropagation();
});