Discussion :

[jubourbon]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[NoSmoking]

Bonjour,

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$('#leTab a').on('click', function(e){
    e.preventDefault();
    alert( $(this).attr('href'));
});

l'erreur doit être ailleurs !

[jeremylevy]

Salut,

Pas d'erreur dans la console ?

++

[danielhagnoul]

tableau généré dynamiquement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

1. FAQ jQuery
2. Différences entre on() avec 1 ou 2 sélecteurs

[jubourbon]

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