動畫觸發回調之前完成

Question

我使用動畫功能

    var square = $('<div class="square"></div>');
    $('body').append(square);

    square.css({
        'background-color': 'red',
        'top': '10px',
        'left': '10px'
    }).animate({
        left: left + 'px',
        top: top + 'px'
    }, {
        duration: 400,
        complete: callback
    });

在實際完成之前觸發回調

我必須采取解決方法

在回調函數中，我使用setTimeout使其等待400秒。 但是，為什么在真正完成回調后，為什么不能動畫調用回調函數呢？

Answer 1

將完成回調作為第三個參數傳遞

square.css({
    'background-color': 'red',
    'top': '10px',
    'left': '10px'
}).animate({
    left: left + 'px',
    top: top + 'px'
}, 400, callback);

http://api.jquery.com/animate/