jQuery animate回调队列后不会触发：false已被使用？

Question

为什么动画回调在queue:false已被使用后未被触发？

例如，回调发生在这里。

$("#move").click(function(){ 

     $(".box").animate({ 
      marginLeft: "100px" 
     },500 , function() { 

      alert('complete'); 
      console.log('complete'); 
     }); 

     return false; 
}); 

但与此，

$("#move").click(function(){ 

     $(".box").animate({ 
      marginLeft: "100px" 
     }, { queue:false, duration:500 } , function() { 

      alert('complete'); 
      console.log('complete'); 
     }); 

     return false; 
}); 

的link到的jsfiddle

我可以在同一时间都queue:false和callback？

Answer 1

的格式错误：

结帐这个fiddle

jQuery的动画is defined as follows：.animate(properties, options)

$("#move").click(function(){ 

     $(".box").animate({ 
      marginLeft: "100px", 
     queue:false, duration:500 } , 5000, function() { 

      alert('complete'); 
      console.log('complete'); 
     }); 

     return false; 
}); 

Answer 2

这是行不通的karthikr ......队列将不再起作用。 正如你所提到动画被定义为.animate（属性，选项）。你需要做回调选项参数的一部分：

$("#move").click(function(){ 

    $(".box").animate({ 
     marginLeft: "100px", 
    },{queue:false, duration:500, complete:function() { 

      alert('complete'); 
      console.log('complete'); 
     }//callback function 
    });//options and animate 

    return false; 
});