如何淡入jQuery中已經存在的對象？

Question

我試圖用jQuery製作一個圖片庫，所以當我點擊一個縮略圖時，它就變成了一個「縮放框」，然後我用左邊的&左邊的箭頭導航，其中看起來像loadContentFrom（domObject）像這樣：

function loadContentFrom(domObject) 
{ 
    // metaspan is gonna be the content of #zoombox : 
    var metaspan = domObject.children('.metaspan'); 

    // set the html by fading in : 
    $("#zoombox").html(metaspan.html()).fadeIn(400); 
    add_left_right_arrows_to_zoombox(); 

    // also set the background to be clickable for exit. 
    $("#exitdiv").fadeIn(400); 
} 

它正常工作，當我點擊一個domObject它變淡但是當我點擊左 - 右箭頭，它調用loadContentFrom(selectedDomObject.next('.domobject'));但是由於zoombox已經褪色的，它會立即改變內容。 。

那麼我該如何設置它先淡出當前內容，然後淡入新內容？

謝謝！

Answer 1

..

function loadContentFrom(domObject) 
{ 
    // metaspan is gonna be the content of #zoombox : 
    var metaspan = domObject.children('.metaspan'); 

    // set the html by fading in : 
    $("#zoombox").html(metaspan.html()).fadeIn(400); 
    add_left_right_arrows_to_zoombox(); 

    // also set the background to be clickable for exit. 
    $("#exitdiv").hide().fadeIn(400); 
} 

Answer 2

FadeIn不會在visible objects像這方面的工作，但你可以fadein()

像以前一樣使用hide()，

這樣的..

function loadContentFrom(domObject) 
{ 
    // metaspan is gonna be the content of #zoombox : 
    var metaspan = domObject.children('.metaspan'); 

    // set the html by fading in : 
    $("#zoombox").html(metaspan.html()).hide().fadeIn(400);// use hide then fadein 
    add_left_right_arrows_to_zoombox(); 

    // also set the background to be clickable for exit. 
    $("#exitdiv").hide().fadeIn(400); // use hide then fadein 
}