jQuery:淡出然后滑动

Question

如果一个项目被删除，那么我想将其淡出并向上滑动其他元素以填充空白空间。现在，当我使用 fadeOut() 时，该项目末尾没有高度，这会导致其他项目向上跳跃(而不是很好地向上滑动)。

如何在 fadeOut() 之后使用 slideUp() 和元素？

Answer 1

听起来使用 jQuery 会更好 fadeTo命令

 $(function() {

     $("#myButton").click(function() {
         $("#myDiv").fadeTo("slow", 0.00, function(){ //fade
             $(this).slideUp("slow", function() { //slide up
                 $(this).remove(); //then remove from the DOM
             });
         });

     });

});

Working Demo here 。

通过在前一个命令的回调函数中执行每个命令，该命令将在前一个命令完成之前不会运行；当元素从 DOM 中移除而没有等待 SlideUp 完成时，就会发生“跳转”。