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/

单击jQuery按钮内的span

2 个答案: