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(); 
});