jQuery verblassen vor verblassen in

Question

Ich mache mein Portfolio, völlig Javascript basiert. http://portfolio.theadamgaskins.com/Portfolio/

Mein Problem ist, wenn Sie eine der Navigationstasten klicken, um die neue Seite einblendet zugleich, dass die andere Seite ausblendet. Die aktuelle Seite sollte ausgeblendet, bevor die neue Seite einblendet Hier ist der Code Ich verwende:.

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

Dies ist der Kontext heraus; fühlen Sie sich frei zu View Source auf der Website.

Answer 1

Dies geschieht, weil einige der Elemente bereits versteckt, so dass ihre Rückrufe sofort ausführen ... was Ihre gleichzeitige Animation. Zur Behebung dieses Add :visible Ihre Wähler von Elementen zu animiere, wie folgt aus:

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

Auf diesen Weisen Sie nicht eine Animation oder problematischen Rückruf an die Elemente angebracht, die bereits versteckt.