Discussion :

[bigbob195]

Bonjour,

Voila mon petit probleme j'ai des fonctions que je résume ici :

Code :

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

1
2
3
4
 
$('.start').click(function() { [accède au menu et exécute des animation] });
 
$('.buttonExit').click(function(){ [ Quitte le menu ] });

Mon probleme est le suivant lorsque je quitte le menu lorsque je souhaite y revenir en re-cliquant sur "start" les animation s'execute 2 fois ...

En gros il faudrais que je quitte la première fonction a l’exécution de la deuxième mais comment faire ?

Merci

[NoSmoking]

Bonsoir,
en début de fonction il te faut d'abord arrêter l'animation, si en cours, avant de relancer quoique ce soit.

Code :

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

1
2
3
4
5
6
7
8
9
$('.start').click(function() {
  arretAnimation();
  // le reste du code
});
 
$('.buttonExit').click(function(){
  arretAnimation();
  // le reste du code
 });

[bigbob195]

Le probleme c'est que je vois pas comment l’arrêté il ne s'agit pas d'une animation type anim() ou autre que je pourrais stopper avec .stop(), mais seulement un petit code qui bouge le CSS et je ne vois pas comment stoppé ça. (voici "l'animation")

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$('.crossBottom').click(function(){	
	$id = $('.selectOn').attr('id');
	$('.selectOn').removeClass('selectOn');
	if ($id<4)
		$id++;	
	else
		$id=1;
									$('#'+$id).addClass('selectOn');
		});

[SylvainPV]

Pourquoi ne pas utiliser les animations jQuery ? Ca résoudrait ton problème tout en étendant le support pour des navigateurs ne supportant pas les transitions CSS.

[danielhagnoul]

Bonsoir

J'essaierai d'ajouter un "return false" pour éviter la propagation de l'événement "click".

Code :

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

1
2
3
4
5
6
7
8
9
$( ".start" ).on( "click", function(){
    // le code
    return false;
});
 
$( ".buttonExit" ).on( "click", function(){
    // le code
    return false;
 });

L'usage d'ID numérique et leurs manipulations ( $id < 4, $d++, $d--) est une horreur !