Question

我正在尝试重新排序动画的结构。动画完成后，我需要删除类active。

我不确定如何排队事件。

$('.object_pagecontent').filter(".active").removeClass("active").stop(true).animate({ marginRight : '-100%' }, 500);

重组的最佳方式是什么？

感谢您的时间。

Answer 1

使用.animate的callback功能：

$('.object_pagecontent')
.filter(".active")
.stop(true)
.animate({
    marginRight : '-100%' 
}, 500, function(){
    $(this).removeClass("active")
});

Answer 2

尝试使用.animate()的callback，

$('.object_pagecontent')
   .filter(".active")
   .stop(true)
   .animate({ marginRight : '-100%' }, 500,
            function() { 
              $(this).removeClass("active") 
           });

Answer 3

像这样使用：

$('.object_pagecontent')//.removeClass('active') // don't use this.
.filter(".active")
.animate({ marginRight : '-100%' }, 500,
    function() { 
    $(this).removeClass("active") 
});

不要在动画之前删除活动类。动画完成后，使用上面的回调函数。

更改函数中事件的顺序

3 个答案: