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

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

HTML：

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(); }); 

Answer 2

event.stopPropogation（）应该能够帮到你。

Answer 3

我想你应该这样做：

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

看这里参考

Answer 4

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

或者您可以停止事件的传播，但您无法确定将首先触发哪个事件处理程序（ 捕获vs气泡事件 ）：

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