jQuery fondu avant fondu

Question

Je fais mon portfolio, basé entièrement sur javascript. Mon problème, c'est que lorsque vous cliquez sur l'un des boutons de navigation, la nouvelle page apparaît en même temps que l'autre page disparaît. La page actuelle devrait disparaître avant la nouvelle page apparaît en fondu Voici le code que je utilise.

$("#homeButton").click(function() 
    { 
     $('.page[id!="homePage"]').fadeOut('400', function() 
     { 
      $("#homePage").fadeIn('400'); 
     }); 
    }); 

Ceci est hors contexte; n'hésitez pas à View Source sur le site.

Answer 1

Ceci est dû au fait que certains des éléments sont déjà cachés, de sorte que leurs rappels s'exécutent immédiatement ... entraînant votre animation simultanée. Pour remédier à cela ajouter :visible à votre sélection d'éléments que vous souhaitez animer, comme ceci:

$("#homeButton").click(function() { 
    $('.page[id!="homePage"]:visible').fadeOut('400', function() { 
     $("#homePage").fadeIn('400'); 
    }); 
}); 

De cette façon, vous n'êtes pas attacher une animation ou un rappel problématique aux éléments qui sont déjà caché.