2014-04-13 15 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,希望能帮到