Question

我有一个使用.animate来改变背景颜色的jQuery脚本。我使用完整事件来提醒（“你好”），这样一旦动画完成它就会发出警报。但它似乎在处理完动画后立即发出警报。不是因为它实际上完成了。无论如何，一旦动画结束就运行一个函数吗？

Answer 1

使用完整（回调）函数，如下所示：

$(function(){
   $( "#test" ).animate({
      opacity: 0.25,
    }, 1500, function() {
      alert('hello'); // callback
    });
});

Fiddle

我不明白为什么它不起作用（或为什么会立即开火），除非你的动画持续时间很短？编辑您的问题并添加一些代码

来自docs：

If supplied, the complete callback function is fired once the animation is complete.

Answer 2

试试这个。 DEMO at JSBin

   alert('start animation');
$('.demoDiv').animate({
     width: '90%',
   },
   { duration: 5000,
     complete: function(){
        alert('end animation');
    }
});

jQuery完成事件

2 个答案: