Задержка анимации Jquery выполняется некорректно

#jquery #css

#jquery #css

Вопрос:

Я пытаюсь задержать анимацию, и я пробовал как Jquery attrbute, так и setTimeout javascrip, но ни один из них у меня не сработал. Код подключается к идентификатору CSS и выполняется. Я ценю любую помощь, которую кто-либо может мне оказать, я включил приведенный ниже код. Заранее спасибо

Это оригинал

 $(function () { 

  $('#floatingbar').css({height: 0}).animate({ height: '50' }, 'slow'); 

});
  

Вот как я применил задержку

 $(function () {

  $('#floatingbar').css({height: 0}).delay(2000).animate({ height: '50' }, 'slow');  

});
  

Пожалуйста, напишите или свяжитесь, если требуется дополнительная информация

Комментарии:

1. Не могли бы вы более точно определить «выполняется некорректно»? Анимация вообще не запускается? Анимация происходит слишком рано?

Ответ №1:

Задержка связана с FX-очередью. Если это пустое … и так далее.

Попробуйте это:

  $('#floatingbar').animate({height: 0}, 0).delay(2000).animate({ height: '50' }, 'slow');
  

Комментарии:

1. Когда я говорю о некорректном выполнении задержки, я имею в виду, что анимация не начнется с установленной задержкой.