JQuery Animate回调函数不起作用

Question

我无法使用以下回调函数。警报永远不会被触发。然而，初始动画是在'.carousel-images'上执行的。

$('.carousel-images').animate({'left' : left_indent},{queue:false, duration:500},function(){
    alert("animate carousel");

    //get the first list item and put it after the last list item   
    $('.carousel-images li:last').after($('.carousel-images li:first'));  

    //get the left indent to the default  
    $('.carousel-images').css({'left' : '-1200px'});  
});

非常感谢任何帮助！

Answer 1

由于您使用的是second method，因此必须将完整的回调作为属性传递给选项对象

您需要使用

$('.carousel-images').animate({'left' : left_indent},{queue:false, duration:500, complete: function(){
    alert("animate carousel");

    //get the first list item and put it after the last list item   
    $('.carousel-images li:last').after($('.carousel-images li:first'));  

    //get the left indent to the default  
    $('.carousel-images').css({'left' : '-1200px'});  
}});

Answer 2

你的syntex错了，它应该是

$('.carousel-images').animate({'left' : left_indent},{queue:false, duration:500, complete: function () {
                ...
            }
        });