Общие сведения о запуске эффектов jQuery

Question

Я пытаюсь запустить один эффект jQuery/анимацию за другим. Я попытался это:

$('#myDiv').animate({'left':'+=300'},1000).delay(2000).animate({'left':'-=300'},1000); 

EDIT:

Это фактически делает работы- только наклеивать ошибку с моей стороны. Цепные эффекты автоматически создает очередь, в соответствии с docs, который является тем, что мы хотим:

$('#foo').slideUp().fadeIn();

При выполнении этого оператора, то элемента начинает свою скользящую анимацию сразу, но выцветания перехода помещается в очередь fx, которая должна называться только после того, как скользящий переход завершен.

(Спасибо за помощь, не позволит мне удалить вопрос)

Answer 1

JQuery animate() имеет перезвонить параметр

с ним вы можете сделать это

$('#myDiv').animate({'left':'+=300'},1000, function() { 
    //Start Next Animation 
    $(this).animate({'left':'-=300'},1000, function() { 
    //Start Next animation 
    }); 
}) 

Answer 2

Там это два способа сделать это: используя параметр callback для анимации и используя queues.

Answer 3

Вы установили position: absolute; (или relative, в зависимости от того, что вы хотите) на div? Если вы этого не сделали, то анимация left ничего не сделает. Вот рабочий пример: http://jsfiddle.net/vftNF/