Jquery Résolu/Fermé

Question

Bonjour, 

Voici mon bout de code qui me pose problème : 


//ouverture
$(document).ready(function(){
 $(".opencrea1").click(function(){
     $("#crea1").fadeIn();
     $("#imgfoot1").fadeOut();
  $("#crea1").animate({
      top:[ 240,'easeOutExpo']
      }, 800);
// à exécuter une fois l'animation terminée ----- //
     $("#imgfoot1").fadeIn("slow");
      $("#crea1").css({background:"#fbf9f6"})
 });
//-----------------------// 


//Fermeture
$(".close").click(function(){
     $("#crea1").fadeOut();
 });     
});

Ce script fonctionne très bien en fait, je voudrais juste savoir comment faire pour lancer le reste du script une fois que l'animation easing est totalement terminée, si toutefois c'est possible (enfin je pense que presque tout est possible avec jquery)

Merci pour votre aide


Configuration: Mac OS X / Firefox 3.6.10

A.Nonymous · Answer

$("#crea1").animate({
          top:[ 240,'easeOutExpo'],
          complete : function()
          {
                $("#imgfoot1").fadeIn("slow");
                $("#crea1").css({background:"#fbf9f6"});
          }
      },
      800
);

tom · Answer

merci A.Nonymous, cependant ça ne fonctionne pas, l'animation se déroule bien mais 

$("#imgfoot1").fadeIn("slow");
      $("#crea1").css({background:"#fbf9f6"})

ne sont pas exécuté.

Voici ce que j'ai fais 

$(document).ready(function(){
 $(".opencrea1").click(function(){
	 $("#crea1").fadeIn();
	 $("#imgfoot1").fadeOut();
$("#crea1").animate({
top:[ 240,'easeOutExpo'],
complete:function()
{
("#imgfoot1").fadeIn("slow");
("#crea1").css({background:"#fbf9f6"});
}
},
800
); });

A.Nonymous · Answer

Hum ?
Où sont passés les $ ?
("#imgfoot1").fadeIn("slow");
("#crea1").css({background:"#fbf9f6"});

tom · Answer

ah oui je les avais enlevé pour tester (on sais jamais, je suis pas encore à l'aise avec jquery), je viens de retester avec les $, même résultat.

tom · Answer

Trouvé !

$(document).ready(function(){
 $(".opencrea1").click(function(){
	 $("#crea1").fadeIn();
	 	 $("#imgfoot1").fadeOut();
  $("#crea1").animate({
      top:[ 253,'easeOutExpo']
      }, 800);
	 setTimeout("$('#crea1').css({background:'#fbf9f6'});",200);
	 setTimeout("$('#imgfoot1').fadeIn('slow');",1000);
 });

Je ne sais pas si c'est correct mais ça fonctionne à la perfection.

Merci quand même pour ton aide A.Nonymous ;-)

Jquery

5 réponses

Discussions similaires