Как сделать что-то после события в jQuery?

Question

Я хочу воспроизвести анимацию, когда будет сделана другая анимация.

Я использовал этот код:

$("#test_01").stop().animate({height: '500'}, 2500).promise($("#test_02").fadeIn(2500)); 

Это оживляет два в то же время - это не то, что я хочу. Мне нужно $("#test_01"), чтобы работать первым, и после этого нужно запустить $("#test_02").

Как я могу это сделать?

Answer 1

Попробуйте done с кодом:

$("#test_01").stop().animate(
    {height: '500'}, 
    2500 
).promise().done(
    function(){ 
     $("#test_02").fadeIn(2500) 
    } 
); 

done функция обратного вызова будет работать после того, как весь код из анимации завершен.

Answer 2

Просто используйте полный дозвон animate()

$("#test_01").stop().animate({ 
    height: '500' 
}, 2500, function() { 
    $("#test_02").fadeIn(2500) 
}); 

Если вы смотрите на обещание на основе решения, то вам нужно получить объект обещания, а затем добавить сделали обратный вызов обещанию, где вы будете делать с задержкой Операция