Справка по jquery

Question

У меня есть такая настройка:

    <div id="container">
       <div id="close">Close</div>
    </div>

Тогда в моей JQuery у меня есть это:

$("#container").live("click",function(){
   changeTabs();
});

$("#close").live("click", function(){
   closeTabs();
});

Проблема в том, что при нажатии на закрывающий div запускаются оба события. Я предполагаю, что это потому, что второй div перекрывает первый. Так как я могу отменить или остановить запуск первого события?

Answer 1

Выезд event.stopPropagation()

С Документация jQuery :

Останавливает всплывание события в родительские элементы, предотвращающие любого родителя обработчики от уведомления о событие.

В вашем случае это может выглядеть как

$("#close").live("click", function(evt){
   evt.stopPropagation();
   closeTabs();
});

Answer 2

Хорошо, так что метод, который работал, находился под функцией closeTabs (), которую я возвратил false; и это, казалось, исправило это

Answer 3

Я не уверен, почему вы хотите использовать div в качестве события закрытия клика, можете ли вы использовать вместо него кнопку ввода?

<div id="container">
       <input type="button" id="close" value="Close"/>
</div>

$("#container").live("click",function(){
    changeTabs();
});

$("#close").live("click", function(){
    closeTabs();
    return false;
});

Answer 4

Это может сработать:

$("#container:not(#close)").live("click",function(){
   changeTabs();
});

$("#close").live("click", function(){
   closeTabs();
});

Использование not selecto r.