使用 queue:false 后不触发 jQuery animate 回调？

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

这将不起作用 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;
});

Answer 2

格式错误：

查看此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;
});