Question

如何在动画队列中间包含Javascript函数？例如，我想在这两个jQuery函数之间调用alert()来设置height属性的动画：

 $('#divContainer').animate({ height: "200px" }, 'slow').alert('alert goes here').animate({ height: "50px" }, 'slow');

Answer 1

这就是.queue() ^[docs]的用途：

$('#divContainer')
  .animate({ height: "200px" }, 'slow')
  .queue(function(next){
      alert('alert goes here');
      next();
  })
  .animate({ height: "50px" }, 'slow');

Answer 2

您可以执行以下操作：

$('#divContainer').animate({ height: "200px" }, 'slow', function() { alert('alert goes here'); }).animate({ height: "50px" }, 'slow');

animate的documentation指定您可以传递回调。

如何在动画队列中包含javascript函数？

2 个答案: