Jquery insertBefore/insertAfter动画不起作用

Question

我制作了一个简单的脚本,允许用户使用向上和向下按钮对div进行排序.

jsFiddle:http://jsfiddle.net/dZ6rC/5/

不幸的是,我尝试在鼠标单击时动画移动不会导致移动标记.

这是我的代码:

$('.up').click(function(){
  var previous = $(this).parent().parent().prev('.item');
  $(this).parent().parent().insertBefore(previous).slideUp();
});
$('.down').click(function(){
  var next = $(this).parent().parent().next('.item');
  $(this).parent().parent().insertAfter(next).slideDown();
});?

有人能弄清楚标签为什么不移动？

Answer 1

在向下滑动元素之前,您没有隐藏元素,因此看不到效果:

http://jsfiddle.net/dZ6rC/4/

您可以在.hide之前添加.slideDown.我想你可能想从那里改进一下动画,但请记住这一点.