jQueryはフェードインする前にフェードアウトします
-
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');
});
});
このようにして、アニメーションや問題のあるコールバックを添付していません。 すでに 隠れた。
所属していません StackOverflow