点击jQuery内部的按钮

Question

更大的解决方案的一部分，我有手风琴类型的jQuery控件，它实现了jQuery切换按钮的标题。每个头也必须有一个帮助气球。简而言之，该设置类似于发布在this jsFiddle处的设置。

<div id="button1">Go to main action <span id="span1" style="color:blue">Help</span>  </div> 
<div id="out"/> 
$('#button1').button().click(function(){ 
    $('#out').text('Button clicked'); 
}); 

$('#span1').click(function(){ 
    $('#out').text('Span clicked'); 
}); 

这有可能使它这样我就可以点击帮助跨度，它位于按钮DIV里面？或者，按钮会始终获取所有内容的事件，以防止内部元素获得点击事件？

谢谢。

Answer 1

您的活动首先在span上触发，然后在button上触发。您可以通过stopPropagation()方法防止事件被父母开除。另外，return false也是这样做的。

Fiddle for demonstration

$('#span1').click(function(e){ 
    $('#out').text('Span clicked'); 
    e.stopPropagation(); 
}); 

Answer 2

或：

$('#span1').click(function(){ 
    $('#out').text('Span clicked'); 
    return false; 
}); 

的jsfiddle http://jsfiddle.net/kxntf/5/