親/子私がタブを持っているタブ

Question

をクリックしてください...

<span id="Tab_1" class='Global_OFF'> 
    <span id="Tab_Name_1">Tab Name</span> 
    <span id="Delete_1" class="Tab_Delete">X</span> 
</span> 

私が起こる2つのjqueryのアクションを持っています。一つは、「Global_Off」私はクラスであるタブ自体をクリックしたときであると私はクラスのTab_Delete」で削除ボタンをクリックすると、他のです。残念ながら、クラス 'Tab_Delete'をクリックすると、クラス 'Global_OFF'が発生します。この形式で 'Global_OFF'を実行せずに 'Tab_Delete'をクリックする方法はありますか？

Answer 1

削除ボタンのクリックイベントでstopPropagation()を使用すると、イベントが親にバブリングするのを防ぐことができますspan.Global_OFF。

$('.Tab_Delete').click(function(e){ 
    //Other stuff 

    e.stopPropagation(); 
});