移动div并在jQuery中更改它的文本

时间:2014-04-13 20:56:03

标签: javascript jquery append prepend appendto

移动div并在执行fadeOut / fadeIn时更改文本时遇到问题。 我尝试了很多选项,即使创建了一个新的div,但似乎没有任何效果。 append / appendTo将不起作用,在过去的5h我完全被困在这里。 请参阅http://jsfiddle.net/2DgNX/10/

的完整小提琴

我对jQuery也很陌生,可能会如何轻易地解决这个问题。 基本上,文本“转到黄色”应该变为黄色。只需移动现有的#normal-text或使用.detach函数并创建新元素即可。 .detach将是首选的解决方案,因为我可能会在未来的场景中调用该文本。

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

2 个答案:

答案 0 :(得分:0)

我不知道你想要什么,但这可能是代码: http://jsfiddle.net/2DgNX/12/

我认为你的动画语法错了。没有

{
   duration: 700,
   queue: false
}

它唯一的700作为secpnd参数。

答案 1 :(得分:0)

你做错了。

您正在尝试append ID,而不是html元素的元素。

并以错误的方式将fadein和fadeout功能与动画混合。

这是我做过的Demo,希望它会有所帮助