jQuery如何在将浮动跨度从DOM上移除之后对浮动跨度进行动画处理？

Question

假设我有4 <span/>（或div的，不管）

[1] [2] [3] [4]

每个容器具有引起，它的容器被移除弗罗姆输入内DOM。

如果我在容器[2]按一下输入时，它被移除并且容器[3]和[4] immideatly向左移动：

[1] [3] [4]

我想知道如何为该过程设置动画 - 慢一点？

Answer 1

这取决于你的CSS。

如果它们漂浮在左边，那么在删除它之前，您只需将＃2的宽度设置为0即可。

例子：http://jsfiddle.net/a6NPP/

$(myspan).animate({width:0}, 600, function() { $(this).remove(); }); 

这是假设没有边界/填充/保证金。如果是这样，您还需要为这些属性设置左/右属性的动画效果，或者将每个属性放置在容器中并使用overflow:hidden，然后为其宽度设置动画。

---

编辑：如果你想使用jQueryUI，它有many effects you can use。

Answer 2

在span上应用一些动画并在回调函数中删除它。类似的东西：

$('span').hide('slow',function(){ 
    this.remove(); 
});