在使用queue:false之后,不会触发jQuery动画回调?

lau*_*kok 2 jquery callback jquery-animate

为什么在使用后不会触发动画回调queue:false

例如,此处发生回调.

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

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

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

        return false;
});
Run Code Online (Sandbox Code Playgroud)

但不是这个,

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

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

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

        return false;
});
Run Code Online (Sandbox Code Playgroud)

到jsfiddle 的链接

我是否可以同时queue:falsecallback在同一时间?

Tom*_*mog 6

这不会起作用karthikr ...队列将不再起作用.正如您所提到的,animate定义为.animate(属性,选项).您需要将回调作为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;
});
Run Code Online (Sandbox Code Playgroud)