2010-05-01 100 views
3

這是行不通的。我試圖將動畫複製到紅色,然後刪除WordPress管理中的效果。該元素被刪除,但在此之前不會生成動畫。jQuery動畫幫助

$('.delete-item').live('click', function(){ 
      $(this).parent().parent().animate({backgroundColor: '#ff0000'}, 'slow').empty().remove(); 
     }); 

回答

3

至於我知道你不能動畫背景色,你需要的color plugin爲了做到這一點。

+0

這是問題所在。謝謝!! – JorgeV44 2010-05-01 07:45:50

+0

@ U22199:不客氣... – Sarfraz 2010-05-01 07:47:11

+1

@ U22199:如果有幫助,你應該接受這個答案! – 2010-05-01 07:58:20

1

使用.animate()回調,像這樣:

$('.delete-item').live('click', function(){ 
    $(this).parent().parent().animate({backgroundColor: '#ff0000'}, 'slow', function() { 
    $(this).empty().remove(); 
    }); 
}); 

回調將不會執行,直到動畫完成,當前的方法排隊的動畫,但只有一個元素之前執行的是一幀從DOM中刪除,這讓整個動畫執行然後將其刪除。

+0

謝謝尼克。現在發生的情況是,在元素被移除之前有一個小的等待期,但他的背景顏色仍然不會改變。 – JorgeV44 2010-05-01 07:44:06

+1

@ U22199 - 我認爲你已經有了這個顏色插件,你還需要從這裏抓住它來動畫顏色:http://plugins.jquery.com/project/color – 2010-05-01 07:46:09