0

いくつかの div が隠されている HTML ページがあり、それらを別の divに置き換えdisplay:none;たいと考えています。.fadeIn().fadeOut()

私は現在、まさにそれを行うリンク設定を持っています。ここに私が試しているJavascriptがあります:

$('#footer a').click(function() {                   
    $('#content > *').fadeOut('fast', function(){
        $('#contact').fadeIn('slow');
    });
    return false;
});

HTML レイアウトの簡単なアイデアを次に示します。

<html>
<head></head>
<body>
<div id="content">
 <div id="contact"></div>
 <div id="about"></div>
 <div id="main"></div>
</div>
</body>
</html>

.fadeIn()へのコールバックとしてを取得しましたが.fadeOut()、新しいコンテンツがフェード インするまでに、古いコンテンツのフラッシュがまだ表示されます。で挿入した外部 HTML に jQuery が適用されないなど、他のあらゆる種類の奇妙さは言うまでもありませんが.load()、それは私が推測する別の投稿です。

4

1 に答える 1

0

しかし、新しいコンテンツがフェードインするまでに、古いコンテンツのフラッシュがまだ表示されます!

へのコールバックが原因である可能性が最も高いですfadeOut。代わりにこれを試してください:

$('#footer a').click(function() {                   
    $('#content > *').stop().fadeOut('fast');
    $('#contact').delay(1000).fadeIn('slow');
    return false;
});
于 2010-07-26T08:12:00.380 に答える