如何使用jQuery停止默认链接点击行为

Question

我在网页上有一个链接.当用户单击它时,页面上的小部件应该更新.但是,我正在做一些事情,因为默认功能(导航到不同的页面)发生在事件触发之前.

这就是链接的样子:

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

这就是jQuery的样子:

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

问题是什么？

Answer 1

e.preventDefault();

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

如果事件可以取消,则取消该事件,而不停止事件的进一步传播.

Answer 2

您希望e.preventDefault()阻止发生默认功能.

或者return false从你的方法.

preventDefault阻止默认功能并stopPropagation防止事件冒泡到容器元素.

Answer 3

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

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

以下方法实现完全相同的事情.