jQuery fade out prima della dissolvenza in

Question

sto facendo il mio portafoglio, basata totalmente javascript. http://portfolio.theadamgaskins.com/Portfolio/

Il mio problema, è quando si fa clic su uno dei pulsanti di navigazione, le nuove dissolvenze pagina in allo stesso tempo che l'altra pagina si spegne. La pagina corrente dovrebbe fade out prima che le nuove dissolvenze pagina nel Ecco il codice che sto usando:.

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

Questo è fuori contesto; sentitevi liberi di View Source sul sito.

Answer 1

Questo accade perché alcuni degli elementi sono già nascosto, così i loro callback eseguire immediatamente ... causando l'animazione simultanea. Per rimediare a questo componente aggiuntivo :visible al selettore di elementi da animare, come questo:

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

In questo modo non si sta collegando un'animazione o richiamata problematica agli elementi che sono già nascosto.