Jquery - Remove() nach hide()

Question

Ich habe eine div, die ich mit remove() entfernen möchte. Ich möchte eine Animation vor/während der Entfernung von div anzeigen. Ich konnte die Animation nur beim Ausblenden des Divs anzeigen.

Wenn ich die Animation zeigen möchte, dann entferne(). Wie ist das gemacht ???

-Code bisher:

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

Answer 1

Sie es in der Callback-Funktion für .hide() (jQuery UI .hide() reference), wie folgt aus:

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

Die Funktion am Ende läuft als Rückruf, Ausführung wenn die Animation fertig ist ... also wenn du willst :)

Answer 2

Du könntest das auch überprüfen:

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