Effectuer un traitement avant la redirection sur un lien

Version imprimable

Bonjour,

Je suis un peu debutrant coté Jquery.
Sur une page j'ai plusieurs tableaux. Un des tableaux identifié et généré dynamiquement possède des liens dans ses cases. Je souhaiterais que lorsque l'utilisateur clique sur un des liens je puisse capter l’événement, faire un traitement et voir l’empêcher d’être redirigé.
Voici mon code actuel:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <table style="width: 100%" id="leTab"> <tr> <td><a href="www.monlien.fr">test</a></td> <td><a href="www.monlien.fr">test</a></td> </tr> <tr> <td><a href="www.monlien.fr">test</a></td> <td><a href="www.monlien.fr">test</a></td> </tr> </table> <script type="text/javascript"> $('#leTab a').click(function(event){ /*Mon traitement*/ return false; }); </script>
Mais cela ne fonctionne pas, le sélecteur $('#leTab a') ne semble pas fonctionner. Est ce une mauvaise syntaxe? la mauvaise méthode? Par avance merci pour vos retours.

07/01/2016, 18h20
NoSmoking
Bonjour,

Citation:

Mais cela ne fonctionne pas, le sélecteur $('#leTab a') ne semble pas fonctionner.

aucune raison que cela ne marche pas même avec ton code
Code:

1 2 3 4 $('#leTab a').on('click', function(e){ e.preventDefault(); alert( $(this).attr('href')); });
l'erreur doit être ailleurs !
07/01/2016, 18h21
jeremylevy

Salut,

Pas d'erreur dans la console ?

++

Citation:

tableau généré dynamiquement

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$( "body" ).on( "click", "#leTab a", function( e ){
  e.preventDefault();
  e.stopPropagation();
 
  // votre code
  console.log( e.target, e.currentTarget, this );
 
  // suivre le lien si condition est trua
  if ( false ){
    window.location.href = $( e.target ).attr( "href" );
  }
});

Voir :

08/01/2016, 09h40
jubourbon

Merci à tous pour les infos. Ça fonctionne parfaitement avec le code danielhagnoul.