jquery - 动画到位置不起作用

Question

http://jsfiddle.net/jX7An/3/

我有可以在上面的 jsfiddle 上看到的代码。由于某种原因，我无法让它动画化。谁能看到我做错了什么？

谢谢。

- 编辑 - 为了扩展，我正在寻找一些可以复制并飞离页面的东西（只是试图让它“飞”到此刻）。谢谢。

Answer 1

$(this)
    .clone()
    .appendTo('body') // you must add the clone to the document
    .css({'position' : 'absolute', 'background-color' : '#F00'})
    .animate({opacity: 0.4}, 100 ).delay(100)
    .animate({opacity: 0.1, marginLeft: 100, marginTop: 500, width: 50, height: 50}, 100);

您必须将clone()元素添加到文档中。

JSFiddle：http: //jsfiddle.net/jX7An/8/

Answer 2

您没有将克隆添加到正文中。

请参阅http://jsfiddle.net/jX7An/10/。