jQuery动画函数回调错误

Question

I have the following code for sliding out a div:

var current = $('.s_text:visible');
current.animate({
  right: 1014,
  opacity:0,
},{queue: false, duration:2000}, function() {
  current.hide();
});

for some reason, the callback function doesn't work! but! If I remove the option {queue:false, duration:2000} and replace it with ,2000,function().... the callback function works.

current.animate({
      right: 1014,
      opacity:0,
    },2000, function() { // this one works...
      current.hide();
    });

Why is that?

Answer 1

If you are using the second parameter of the .animate method as an options object, you cannot send the callback as a third parameter.

In your case, you need to use the complete parameter of the options object.

var current = $('.s_text:visible');
current.animate({
  right: 1014,
  opacity:0,
},{queue: false, duration:2000, complete:function() {
  current.hide();
}});

the two optional parameter sets this method receives are:

.animate( properties [, duration ] [, easing ] [, complete ] )

or

.animate( properties, options )

but not both at once.

source: http://api.jquery.com/animate/

Answer 2

Animate:

.animate( properties, options )

Find reference here: http://api.jquery.com/animate/

var current = $('.s_text:visible');
current.animate(
  {
    right    : 1014,
    opacity  :0
  },{
    queue   : false, 
    duration:2000,
    complete: function() {
         current.hide();
    }
 });

Answer 3

If you want to use options (queue and duration) you cannot have a callback function like that; you should include the callback function in options (see documentation ):

var current = $('.s_text:visible');
current.animate({
    right: 1014,
    opacity:0
},{
    queue: false, 
    duration:2000,
    complete: function() {
        current.hide();
    }
);

Answer 4

Because the .animate() has only two declarations:

1. .animate( properties [, duration ] [, easing ] [, complete ] )
2. .animate( properties, options )

none is for your useage, you could see more about .animate() here: http://api.jquery.com/animate/