jQuery fondu avant fondu dans

Question

je fais mon portfolio, totalement javascript basé. http://portfolio.theadamgaskins.com/Portfolio/

Mon problème est lorsque vous cliquez sur l'un des boutons de navigation, les nouveaux Fondus page en même temps que les autres se fane page sur. La page actuelle devrait disparaître avant que les nouveaux Fondus de page dans Voici le code que je utilise.

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

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

Answer 1

Cela se produit parce que certains des éléments sont déjà caché, de sorte que leurs callbacks exécutent immédiatement ... provoquant l'animation simultanée. Pour remédier à ce module :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é.