У меня есть что-то вроде следующего
<div class='bar'>
<div class='container'>
<a class='add' href='#'>Add</a>
<a class='remove' href='#'>Remove</a>
</div>
</div>
мой jquery
$('.bar').on('click', function(e){
//do stuff A.
})
Мой вопрос заключается в том, как prvent do stuff A
когда я нажимаю add
и remove
a
тег в моем случае.
Я хочу, чтобы кнопка add
и remove
ничего не делала на данный момент (в конце концов, это будет ссылка).
Благодарю!
Предотвратите распространение события из элементов Add
и Remove
, вызвав .stopPropagation()
.
$('.container a').click(function(e){
e.stopPropagation()
});
или внутри обработчика проверить, произошло ли событие от таких элементов, как
$('.bar').on('click', function(e){
if($(e.target).is('.container a')){
return
}
//do stuff A.
})
$('.bar').on('click', 'a', function(e){
return false;
});
preventDefault
api.jquery.com/event.preventDefault