jQuery effetto di evidenziazione prima remove()

Question

Si consideri il seguente frammento di codice:

$('.remove_item').click(function(e) { 
    var _item = $(this).closest('.cart_item'); 
    if(confirm('Biztosan törölhetem a terméket a kosárból?')) { 
     _item.effect('highlight', {}, 100).stop().fadeOut('fast'); 
     _item.remove(); 
... 

vorrei evidenziare la riga reale prima di cestinare (.remove()) esso. Se non lo faccio .remove(), evidenziare che funziona.

Come posso evidenziare prima, quindi rimuovere l'elemento?

Answer 1

È possibile utilizzare la funzionalità di richiamata di effect e fadeOut di fare azioni quando la prima azione è terminata:

_item.effect('highlight', {}, 100, function(){ 
    $(this).fadeOut('fast', function(){ 
     $(this).remove(); 
    }); 
}); 

Questo dice " evidenziare _item. Quando questo è finito, svanire. Quando questo è finito, rimuoverlo. "

Answer 2

È necessario fare la fila alla .Rimuovere()

_item.queue(function() { $(this).remove(); }); 

Answer 3

Yo ushould essere in grado di assegnare un callback sulla fadeOut:

$('.remove_item').click(function(){ 
    if(confirm('Biztosan törölhetem a terméket a kosárból?')) 
    { 
     $(this).closest('.cart_item').fadeOut(500, function() { $(this).remove(); }); 
    } 
}); 

speranza che questo aiuti.