javascript - 如何在 jquery 中使用 .before 时对元素进行动画处理

Question

我想在 .content 元素之前附加 .item 元素，但它只是简单地从以前的位置删除 .item 并在 .content 之前附加。

我想要的是使用一些动画，慢慢地将 .item 元素从其原始位置删除并缓慢出现在其新位置。我该怎么做？

$Item = $('.item');
$('.content').before($Item);

问候。

Answer 1

像这样怎么样:

$Item = $('.item');
$Item.fadeOut(1000, function() {
   $('.content').before($Item);
   $Item.fadeIn(1000);
}

.fadeOut() method在指定的时间内(以毫秒为单位)淡出元素，完成后调用该函数，然后移动该元素并将其淡入。

演示:http://jsfiddle.net/9gGAT/5/