Discussion :

[boutmos]

Bonjour,

je travail sur un slideShow entièrement réalisé en JQuery mais j'ai un petit problème :

Si je click trop vite sur la flèche droite, j'ai un bug avec les marges de mes images car le script s'exécute avant même que l'action en cours ne soit terminée.

test ici

J'ai voulu retirer l'evenement click sur cette fleche au moment ou la fonction s'execute et le reconstruire une fois les actions terminées mais cela ne marche pas.

Comment par JQuery bloquer cet espèce d'empilement d'évènements ? Merci

[boutmos]

J'ai trouvé une solution mais bon j'aimerais bien savoir si il y a qlqchose de moins "bricolo" :

En gros je désactive mon évènement click sur la fleche qui declenche l'animation
Puis je reconstruit cet evenement click mais dans le callback declenché lorsque l'animation est complètement terminée.

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
 
function slideRight(){
	//desactive l'event dur la fleche droite pour empecher de relancer la function avant qu'elle ait terminée son execution complète
	$("#rightArrow").unbind();
 
	$("#items").css("position", "relative");
 
	$("#items img:first-child").animate({
		marginLeft: "150px"
	},250, function(){
		$("#items img:first-child").css("margin-left","14px")
		$("#items img:last-child").prependTo("#items");
		$("#rightArrow").bind("click", function(e){slideRight();}); // Remet l'ecouteur d'evenement`
	});
 
	$("#items").css("position", "static");
}

[Sourrisseau]

c'est assez rigolo de voir des anciennes animations en jquery ou le fait de mémoriser les actions ( comme des clicks ) donné parfois des effets tres funs.

C'est un problème qui est maintenant résolu avec la fonction jquery.stop(). Il y a un excellent tutto à ce sujet sur le super site learning jquery

[boutmos]

ah sympa merci bien , je vais y jeter un œil car je pense que çà ne sera pas la dernière fois ou je serais confronté a ce problème.

Have a nice day