JQuery Animate callback function not working

Question

I cannot get the following callback function to work. The alert is never triggered. The initial animation is performed on '.carousel-images' however.

$('.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'});  
});

Any assistance would be greatly appreciated!

Arun P Johny · Accepted Answer · 2013-08-01 07:30:33Z

1

Since you are using the second method the complete callback has to be passes as a property to the options object

You need to use

$('.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'});  
}});

answered Aug 1, 2013 at 7:30

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

FuriousD Over a year ago

Thanks, I was referring to old documentation

Raver0124 · Accepted Answer · 2013-08-01 07:30:55Z

0

your syntex is wrong, it should be

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

answered Aug 1, 2013 at 7:30

Raver0124

5222 silver badges9 bronze badges

Collectives™ on Stack Overflow

JQuery Animate callback function not working

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related