[解決済み] 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

イベントがキャンセル可能な場合、そのイベントをキャンセルします。 それ以上の伝搬を止めることなく イベントをキャンセルします。