Jquery Animate的回调函数不起作用

时间:2011-12-22 12:25:12

标签: jquery

我有一个jQuery动画功能。动画结束后需要立即执行功能。所以必须使用回调函数。 所以我试了一下。没有工作,我认为在那个特定的功能一定有问题所以我把它简化为......

phGrp.animate({bottom:0},
              {duration: 1500, easing: 'swing'}, 
              function(){alert('hello')}
);

动画工作正常,没有错误,但回调不会执行。可能是什么问题?我看到了使用匿名函数的解决方案。所以我使用过它,但问题仍然存在。

请帮忙

4 个答案:

答案 0 :(得分:5)

尝试下面的内容,检查它正在运行的小提琴

 phGrp.animate({bottom:0},1500,'swing', 
          function(){alert('hello');
         }
 );

小提琴:http://jsfiddle.net/hYtuP/

用于参考,请检查链接:http://api.jquery.com/animate/

答案 1 :(得分:5)

问题在于回调函数需要包含选项

.animate( properties, options )ref,期权=期限,宽松,完成等)

phGrp.animate(
{
  bottom:0
},
{
  duration : 1500,
  easing   : 'swing',
  complete : function(){ alert('hello') }
});

答案 2 :(得分:4)

另外,请确保CSS中没有任何transition规则,这让我发疯了!

答案 3 :(得分:1)

也许你必须以这种方式调用jquery

$(document).ready(function(){

   // your code;

});