jquery - 使用 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;
});

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

格式错误：

签出这个小提琴

jquery animate定义如下：.animate( properties, options )

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

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

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

        return false;
});