Discussion :

[jlboura]

Bonjour,
Je débute avec jquery et je rencontre un problème de sélecteur qui défie ma logique... Voilà, je souhaite rafraîchir le contenu d'une div de ma page en cliquant sur un lien. Mais avec le sélecteur "click", le contenu apparaît une fraction de seconde et laisse la place à l'ancien contenu. Par contre, si je remplace click par hover, ça marche.
Voilà le code qui ne marche pas :

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
 
$('#articles').click(
					 function () {afficher();}
					 );
 
function afficher() {
						$.ajax({
						   type: "GET",
						   url: "articles/articles.html",
						   error:function(msg){
							 alert( "Error !: " + msg );},
						   success:function(data){
							$('#contenu').html(data);
						   }
						});
					}

Et là, le même avec hover à la place de click : la contenu de la div est mis à jour, et reste en place même quand la souris n'est plus sur le sélecteur.

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
18
19
 
$('#articles').hover(
					 function () {afficher();}
					 );
 
 
 
 
function afficher() {
						$.ajax({
						   type: "GET",
						   url: "articles/articles.html",
						   error:function(msg){
							 alert( "Error !: " + msg );},
						   success:function(data){
							$('#contenu').html(data);
						   }
						});
					}

Quelqu'un pourrait-il éclairer ma lanterne ? Merci de votre aide.
JLB

[danielhagnoul]

Bonsoir.

Code :

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

1
2
3
4
$('#articles').click(function(){
	afficher();
	return false; // pour empêcher l'action par défaut
});

Voir e.preventDefault() http://api.jquery.com/event.preventDefault/

return false : comme e.preventDefault() et stoppe la transmission de l'événement.

[jlboura]

Super, merci beaucoup. Je vais potasser l'article