0

より大きなソリューションの一部として、ヘッダーを 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 内にあるヘルプ スパンをクリックできるようにすることは可能ですか? または、ボタンは常にすべてのコンテンツのイベントを取得し、内部要素がクリック イベントを取得できないようにしますか?

ありがとうございました。

4

2 に答える 2

5

イベントは最初に発生しspan、次に発生しbuttonます。stopPropagation()メソッドによって親でイベントが発生するのを防ぐことができます。また、return false同じことをしてください。

Fiddle for demonstration

$('#span1').click(function(e){
    $('#out').text('Span clicked');
    e.stopPropagation();
});
于 2013-03-02T12:03:45.460 に答える
2

また：

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

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

于 2013-03-02T12:05:08.187 に答える