2012-07-02 36 views
1

我想要一個動態的排序形式,點擊添加按鈕將一行添加到一個字段的表中,並刪除按鈕帶走一行。 到目前爲止,我有這個工作,並且我使用jQuery UI中的Highlight動畫來引起對新插入行的注意。問題是,如果我添加行太快,新行的高亮動畫可能會凍結/掛起。這裏有一個擷取畫面:http://i.imgur.com/KH08I.png中斷突出顯示動畫

這裏是我的代碼jsbin: http://jsbin.com/ogaziv/3/edit

如果您取消註釋我在JS註釋掉,這樣可以解決問題,但沒有任何理由爲什麼我跑陷入這個毛病? 我對JavaScript和jQuery一般都比較陌生,但這看起來很簡單。

回答

0

您選擇$('.dyn_combo_qty tr:last td')其選擇最後tr元素,通過添加新tr最後tr現在是1到最後,這停止它的動畫。

http://jsbin.com/ogaziv/7/edit

+0

從那個箱子,如果我註釋掉的背景位,我仍然會碰到同樣的問題。 我已經取出了背景顏色位,並將該選擇器替換爲'new_elem',但我的凍結毛刺仍然發生。 http://jsbin.com/ogaziv/8/edit – actaeon

+0

@actaeon是的,該鏈接是一個建議,而不是解決方案。 – undefined

+0

我想我想要的是,有沒有一種更優雅的方式來解決這個毛刺/我是這樣做的錯誤? 這似乎沒有道理,我不得不編輯CSS來強制完成動畫。 – actaeon