移除.animate函数后的jquery内联样式

Question

好的，所以我有这个代码，它几乎工作，我只是停留在最后一点!

$('.button').click(function() {
var id = this.id;
$('#slide'+id+'').each(function() {
    if ($(this).offset().left < 0) {
    } else {
        $('.current').animate({ left: '-200%', }, 1500 );
        $('.current').removeClass("current").addClass("previous");
        $(this).animate({ left: '-100%', }, 1500 );
        $(this).addClass("current");
        $('.previous').removeAttr('style');
    }
});
});

可以看到当前幻灯片向左移动，新幻灯片从右边移动。电流被重新分类为前一个，然后新幻灯片被重新分类为电流。

然而，新的上一张幻灯片仍然有内行样式left:-100%应用于它。我需要删除这个样式!??

基本上我需要幻灯片总是从右到左，即使它已经被访问过!请帮帮我!??

http://jsfiddle.net/ngpsk/

* * * * * * * * 解决自己 * * * * * * *

$('.button').click(function() {
var id = this.id;
$('#slide'+id+'').each(function() {
    if ($(this).offset().left < 0) {
    } else {
        $('.current').animate({ left: '-100%', }, 2000, function()
                {
                    $(this).removeAttr('style').removeClass("current");
                    $('#slide1').css("left", "100%");
                }
            );
        $(this).animate({ left: '0%', }, 2000 );
        $(this).addClass("current");
    }
});
});

似乎至少可以工作!

Answer 1

动画完成后移除类，例如:jQuery事件顺序和等待动画完成