.load（）和.fadeIn jQuery中

Question

我有這樣的代碼和它的工作發現，除了淡入過渡..

$("div.thumbnailsContainer").fadeOut("500",function(){    
     $("div.fullViewContainer").empty(); 
     $('<img />') 
     .attr('src', imgPathLarge) 
     .load(function(){    
      $("div.fullViewContainer").append($(this)); 
      $("div.fullViewContainer").fadeIn("1000"); 
     }); 
    });  

問題，圖像完全加載後，淡入過渡將無法正常工作，它會出現後負載，但沒有過渡..

什麼可能是我的代碼的問題？

我需要把setTimeout延遲圖像加載後的過渡嗎？

Answer 1

它看起來好像div.fullViewContainer是隱藏的 - 它是空的，但沒有隱藏。因此，當您將新圖像添加到該圖像時，即使在調用「fadeIn」命令之前，該圖像也立即可見。

Answer 2

嘗試先隱藏圖像，然後在load（）處理程序中調用fadeIn。

請參見：jquery: fade in image after image