2010-06-24 22 views
7

Kaldırma() yöntemini kullanarak kaldırmak istediğim bir div var. Div kaldırılmadan önce/sırasında bir animasyon göstermek istiyorum. Ben sadece div'u saklarken animasyonu gösterebildim.Jquery - Kaldır() sonra gizle()

Animasyonu göstermek istiyorsam, remove() öğesini kaldır. Bu nasıl yapılır ??? Bugüne kadar

Kodu:

//Delete Button - delete from cart 
$('.ui-icon-trash').live('click',function() { 
    $(this).closest('li').hide("puff", {}, 1000) 
}); 

cevap

24

böyle, .hide() (jQuery UI .hide() reference) için geri arama işlevi yapın:

$('.ui-icon-trash').live('click', function() { 
    $(this).closest('li').hide("puff", {}, 1000, function() { 
    $(this).remove(); 
    }); 
}); 

sonunda işlevi yürütülürken, bir geri olarak çalışır Animasyon bittiğinde ... ne zaman istersen ...

+1

Sadece bu konuya rastlayanlar için bir güncelleştirme olarak, en yeni jQuery sürümlerinde (1.7'den itibaren) kullanımdan kaldırılmıştır – oshikryu

4

Bunu da kontrol edebilirsiniz:

$(this).hide("puff").delay(10).queue(function(){$(this).remove();}); 
İlgili konular