Animate OnComplete过早发射

Question

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

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

    event.preventDefault();

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

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

Answer 1

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



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

对我来说很好。