删除前的jQuery高亮效果()

fab*_*rik 7 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();
...
Run Code Online (Sandbox Code Playgroud)

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

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

lon*_*day 17

您可以使用的回调功能effect,并fadeOut在第一个动作完成后做的动作:

_item.effect('highlight', {}, 100, function(){
    $(this).fadeOut('fast', function(){
        $(this).remove();
    });
});
Run Code Online (Sandbox Code Playgroud)

这说"突出显示_item.完成后,将其淡出.完成后,将其删除."


Rob*_*itt 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(); });
    }
});
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助.