2014-04-13 47 views
0

我在移動div並在執行fadeOut/fadeIn時更改其文本時出現問題。 我已經嘗試了很多選項,即使創建一個新的div,但似乎沒有任何工作。 append/appendTo將不起作用,過去的5小時我完全卡在這裏。 查看小提琴http://jsfiddle.net/2DgNX/10/在jQuery中移動div並更改它的文本

我對jQuery也很陌生,可能會對如何輕鬆解決這個問題進行解釋。 基本上,文字「去黃色」應該移動到黃色。只需移動現有的#普通文本或使用.detach函數並創建一個新元素即可。 .detach將是首選的解決方案,因爲我可能會在未來的場景中調用文本。

$("#normal-text").fadeOut(1000, function() { 
    //APPEND TO YELLOW 
    $("#hi").append($('#yellow'), function() { 
     //FADEIN 
     $("#text").text("Hi!").fadeIn(1000); 
    }); 
}); 

回答

0

我不知道你想要什麼,但是這可能是代碼來做到這一點: http://jsfiddle.net/2DgNX/12/

我覺得你得到了生命的語法錯誤。沒有

{ 
    duration: 700, 
    queue: false 
} 

它只有700作爲secpnd參數。

0

你正在做一些錯誤的事情。

您正在嘗試append的ID而不是html元素的元素。

並將錯誤和淡出功能與動畫以錯誤的方式混合。

這是我做的Demo,希望能幫到