javascript - 过早触发 OnComplete 动画

Question

我正在实现一个进度条（用于计时后台任务，我已经知道它将花费的确切时间） - 但我在 oncomplete 事件提前触发时遇到了麻烦。

$("#go").on("click", function(event){

    event.preventDefault();

    $('#report-loader .bar').animate({ 
        width: 500 
    },
    {   
        easing: 'linear',
        duration: 500,
        complete: function() {
            alert('complete');        
        }          
    });
});

​ ​</p>

这是一个 JSFiddle，它显示了我的意思的一个例子：http: //jsfiddle.net/ezE8b/1/

Answer 1

替换：
$('#report-loader .bar').animate({ width: 500 },

对

$('#report-loader .bar').animate({ width: "100%" },

我来说很好。