Parent/Child Нажмите Tab

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> 

У меня есть два Jquery действия, которые происходят. Один из них - это когда я нажимаю на вкладку, которая является классом «Global_Off», а другая - когда я нажимаю кнопку «Удалить», которая является классом «Tab_Delete». К сожалению, когда я нажимаю класс «Tab_Delete», он запускает класс «Global_OFF». Есть ли способ щелкнуть «Tab_Delete» без запуска «Global_OFF» в этом формате?

Answer 1

Используйте stopPropagation() на событии нажатия кнопки удаления, которое предотвратит появление пузырьков до родителя span.Global_OFF.

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

    e.stopPropagation(); 
});