Как отключить ссылку тега в моем случае

0

У меня есть что-то вроде следующего

<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 ничего не делала на данный момент (в конце концов, это будет ссылка).

Благодарю!

  • 0
    ... или удалить класс из HTML? Но, как сказал @codehorse, комментирование будет предпочтительным методом.
  • 0
    Не уверен, что полностью понимаю ваш вопрос. Может быть, вы после preventDefault api.jquery.com/event.preventDefault
Теги:

2 ответа

1
Лучший ответ

Предотвратите распространение события из элементов 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.   
})
0
$('.bar').on('click', 'a', function(e){
    return false;
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню