jQuery如何在从DOM中删除浮动跨度后为其设置动画？

Question

假设我有4个<span/>(或div,无论如何)

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

每个容器都有一个输入,导致它的容器被从DOM中移除.

如果我单击容器[2]中的输入,它将被移除,容器[3]和[4]不会向左移动:

[1] [3] [4]

我想知道如何动画这个过程 - 慢一点？

Answer 1

这取决于你的CSS.

如果它们浮动到左侧,那么您需要做的就是0在移除它之前为#2的宽度设置动画.

示例: http ://jsfiddle.net/a6NPP/

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

这假设没有边框/填充/边距.如果是这样,您还需要为这些属性的左/右属性设置动画,或者将每个属性放在一个容器中overflow:hidden,并为其设置宽度.

编辑:如果你想使用jQueryUI,它有许多你可以使用的效果.