单击jQuery按钮内的span

Question

作为一个更大的解决方案的一部分,我有手风琴式的jQuery控件,它实现了jQuery切换按钮的标题.每个标题还必须有一个帮助气球.简而言之,设置类似于此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();
});