jquery动画函数回调答案

【问题标题】：jquery animate function callbackjquery动画函数回调
【发布时间】：2013-06-14 01:37:09
【问题描述】：

我有一个带有未触发回调的 jquery animate 函数，我认为这很简单，另一双眼睛会很快注意到。这是代码：

$('#base_back_img').animate({
  width:372,
  height:389,
  marginLeft:0,
  paddingTop:0,
  marginTop:1
}, {duration:300, queue:false},
  function() {
   $('#menu-text').css({
     display:'block'
   });     
   $('#mini-menu').fadeOut();
 });

【问题讨论】：

标签： jquery jquery-animate jquery-callback

【解决方案1】：

当使用带有对象作为参数的动画时，您需要像这样使用complete：

$('#base_back_img').animate({
    width:372,
    height:389,
    marginLeft:0,
    paddingTop:0,
    marginTop:1
}, {duration:300,
    queue:false,
    complete : function() {
        $('#menu-text').css({
            display:'block'
        });     
        $('#mini-menu').fadeOut();
    }
});

在此处查看所有属性：http://api.jquery.com/animate/#animate-properties-options

【讨论】：

【解决方案2】：

我认为您需要将回调移动到您的选项对象中，如下所示：

$('#base_back_img').animate({
  width:372,
  height:389,
  marginLeft:0,
  paddingTop:0,
  marginTop:1
}, 
{duration:300,
 queue:false,
 complete:function() {
   $('#menu-text').css({
      display:'block'
   });     
 $('#mini-menu').fadeOut();
}

} );

【讨论】：