Як зупинити поведінку клацання за замовчуванням за допомогою jQuery

У мене є посилання на веб-сторінку. Коли користувач клацає на ньому, віджет на сторінці повинен оновитись. Однак я щось роблю, оскільки функціональність за замовчуванням (перехід на іншу сторінку) виникає до активації події.

Ось як виглядає посилання:

<a href="store/cart/" class="update-cart">Update Cart</a>

Ось як виглядає jQuery:

$('.update-cart').click(function(e) { 
  e.stopPropagation(); 
  updateCartWidget(); 
});

В чому проблема?

e.preventDefault();

з https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault

Скасовує подію, якщо її можна скасувати, не припиняючи подальшого поширення події.

$('.update-cart').click(function(e) {
    updateCartWidget();
    e.stopPropagation();
    e.preventDefault();
});

$('.update-cart').click(function() {
    updateCartWidget();
    return false;
});

Наступні методи дозволяють досягти точно того ж.

Ви хочете e.preventDefault()запобігти появі функцій за замовчуванням.

Або є return falseз вашого методу.

preventDefaultзапобігає функціональності за замовчуванням та stopPropagationзапобігає появі подій до елементів контейнера.

Ви можете використовувати e.preventDefault();замістьe.stopPropagation();

Цей код позбавляє всіх слухачів подій

var old_element=document.getElementsByClassName(".update-cart");    
var new_element = old_element.cloneNode(true);
old_element.parentNode.replaceChild(new_element, old_element);