Comment stopper le comportement de clic par défaut d'un lien avec jQuery

Question

J'ai un lien sur une page web. Lorsqu'un utilisateur clique dessus, un widget de la page doit être mis à jour. Cependant, je fais quelque chose, car la fonctionnalité par défaut (navigation vers une autre page) se produit avant le déclenchement de l'événement.

Voici à quoi ressemble le lien :

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

Voici à quoi ressemble le jQuery :

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

Quel est le problème ?

Answer 1

Je viens de perdre une heure avec ça. J'ai tout essayé - il s'est avéré (et j'ai du mal à le croire) que le fait de donner à mon bouton d'annulation l'identifiant d'élément cancel signifiait que toute tentative d'empêcher la propagation de l'événement échouait ! Je suppose qu'une page HTML doit traiter cela comme si quelqu'un appuyait sur ESC ?