删除前的jQuery高亮效果()

时间:2010-11-09 13:11:13

标签: jquery jquery-ui

请考虑以下代码段:

$('.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();
...

我想在废弃(.remove())之前突出显示实际的行。如果我没有.remove()该项目,请突出显示工作。

如何先突出显示,然后删除元素?

3 个答案:

答案 0 :(得分:17)

您可以使用effectfadeOut的回调功能在第一个操作完成后执行操作:

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

这说“突出_item。完成后,将其淡出。完成后,将其删除。”

答案 1 :(得分:5)

哟我们应该能够在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(); });
    }
});

希望这会有所帮助。

答案 2 :(得分:0)

您需要将.remove()

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