jQueryはフェードインする前にフェードアウトします

StackOverflow https://stackoverflow.com/questions/4111314

  •  29-09-2019
  •  | 
  •  

質問

私は自分のポートフォリオを作成しています。 http://portfolio.theadamgaskins.com/portfolio/

私の問題は、ナビゲーションボタンのいずれかをクリックすると、新しいページがフェードアウトすると同時にフェードインします。現在のページは、新しいページがフェードインする前にフェードアウトするはずです。これは、私が使用しているコードを次のとおりです。

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

これは文脈から外れています。お気軽に View Source サイトに。

役に立ちましたか？

解決

これは、いくつかの要素があるために起こります すでに 隠されているので、彼らのコールバックはすぐに実行されます...あなたの同時アニメーションを引き起こします。これを改善するために :visible このように、アニメーション化したい要素のセレクターへ：

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

このようにして、アニメーションや問題のあるコールバックを添付していません。 すでに 隠れた。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top