点击jQuery内部的span按钮

Click span inside jQuery button

本文关键字：span 按钮 内部 jQuery 点击      更新时间：2023-09-26

作为更大的解决方案的一部分，我有一个手风琴类型的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内?或者，按钮是否总是获得其所有内容的事件，以防止内部元素获得单击事件?

谢谢。

您的事件首先在span上触发，然后在button上也触发。您可以通过stopPropagation()方法阻止事件在父节点上被触发。同样，return false也做同样的事情。

小提琴出于演示的 

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

或:

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

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

相关文章：