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; 
});