fadeOut現在のコンテンツとフェードイン新しいコンテンツjquery

ユーザーがリンクをクリックしたときに、divの中の現在のコンテンツ（fadeout）と新しいページのコンテンツをfadeInに設定して作成する必要があるようなサイドメニューを作成しようとしています。この方法：fadeOut現在のコンテンツとフェードイン新しいコンテンツjquery

しかし、効果は期待どおりではない、誰もこの方法を強化する方法を知っていますか？私はfadeout現在のコンテンツをバックグラウンドページに、fadeIn新しいコンテンツを期待していました。
しかし、現在のコンテンツはただ

私のhtmlコード消える：あなたの負荷のコールバックを使用

<body> 
    <h1><img src="images/cooltext679404844.png"/></h1> 
    <ul id="nav" class="mmenu" type="none"> 
     <li><a href="contact.php"> Contact </a></li> 
     <li><a href="register.php"> Register </a></li> 
     <li><a href="login.php"> Login</a></li> 
     <li><a href="upload.php"> Submit paper </a></li> 
     <li><a href="tabs.php"> tabs menu test </a></li> 
     <li><a href="time-frame.php">profile</a></li> 
     <li><a href="status-reviews.php">check status of reviews</a></li> 
    </ul> 
    <p style="font-size: small;text-align: center;bottom: 0px;left: 300px; line-height: 0%;position:fixed; background-color: #cc8800"> 
     <a target="content" href="about.php">About us</a> | <a target="content" href="terms.php">Terms of service</a> | <a target="content" href="policy.php">Privacy Policy</a> 
    </p> 
    <div id="content"></div> 
</body>

出典

2012-04-24 Samer El Gendy

私はあなたが 'load'と' fadeIn'方法を連鎖しているからだと思います。 'load'は非同期で動作します – pomeh

試してみてください。


$("#content").fadeOut('slow', function(){ 
    $("#content").load(page, function() { 
      $(this).fadeIn('slow'); 
    }); 
});

出典

2012-04-24 09:04:55

を。それ以外の場合は即座にフェードイン：

var content = $('#content'); 
content.fadeOut().load(page, function() { 
    content.fadeIn(); 
});

出典

2012-04-24 09:02:17 binarious

fadeOut現在のコンテンツとフェードイン新しいコンテンツjquery

答えて

関連する問題