需要使用jQuery AJAX和過渡效果

Question

OK球員的幫助，我的網站幾乎完成 - http://www.visualise.ca/

但有一件事真讓我心煩。當我點擊一個縮略圖打開一個使用AJAX加載到同一頁面的帖子，然後點擊另一個縮略圖加載另一個帖子時，轉換不平滑，圖片需要一段時間才能加載，而且很醜。有沒有一種方法可以改善這一點，並使用fadeIn/fadeOut使一切順利？

這是我試過沒有運氣（現在活躍）。

$(".ajaxed").live("click", function(event) { 
     $.address.crawlable(true).value($(this).attr("rel")); 
     $("#content").fadeTo(500,0); 
     $("html,body").animate({scrollTop: 205}, 300); 
     var post_slug = $(this).attr("rel"); 
     $("#board").load("ajax/",{slug:post_slug}); 
     $("#board").delay(1500).slideDown("slow"); 
     return false; 
}); 

您的時間非常感謝，並幫助

Answer 1

這是我最後使用的代碼。

$(".navig a").live("click", function(event) { 
    var post_slug = $(this)[0].pathname.substring(1); 
    var board_h = $("#board").height(); 
    $.address.crawlable(true).value(post_slug).strict(true); 
    $("#board-wrapper").css('height', board_h + 'px'); 
    $("#board").fadeOut('slow', function(){ 
     $("#board").stop().load("ajax/",{slug:post_slug}, function(){ 
      $("#board").delay(1000).fadeIn('slow', function(){ 
       var board_h2 = $("#board").height(); 
       $("#board-wrapper").css('height', board_h2 + 'px'); 
      }); 

     }); 
    }); 
    return false; 
}); 

只是爲了讓人們知道。

Answer 2

試試這個

$(".ajaxed").live("click", function(event) { 
     var post_slug = $(this).attr("rel"); 
     $.address.crawlable(true).value(post_slug); 
     $("#content").fadeTo(500,0); 
     $("html,body").animate({scrollTop: 205}, 300); 
     $("#board").stop().load("ajax/",{slug:post_slug}, function(){ 
      $(this).slideDown("slow") 
     }); 

     return false; 
});