队列 :false has been used? 后未触发 jQuery 动画回调

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 定义为 .animate(properties, options )。您需要使回调成为 options 参数的一部分:

$("#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;
});