Как заставить анимационные функции jquery выполняться параллельно?

#javascript #jquery

#javascript #jquery

Вопрос:

Я хочу имитировать эффект открытия модальных окон начальной загрузки, комбинируя fadeIn() animate() функции и . Однако jQuery выполняет эти функции последовательно, а не параллельно, поэтому в результате появляется div, а затем преобразуется.

Это код:

     $('div')
       .delay(1000)
       .fadeIn(500)
       .animate({top: 40}, 500)
       .queue(function(a) { 
          a(); 
       });
  

Как я могу получить эффект затухания и перевода одновременно?

Спасибо

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

1. Вы можете добиться того же результата в css…

2. Да, я знаю. Мой вопрос в том, возможно ли это с помощью jQuery

3. просто сделайте это без цепочки

4. @MisterJojo можете ли вы привести пример рекламы?

Ответ №1:

попробуйте обернуть элемент в два отдельных раздела. пусть эффектом fadeIn будет родительский div.

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

1. Можете ли вы привести пример?

2. <div class=»for-fade-effect»> <div class=»for-animaton-effect»>…………………</ div> </div> $(‘.for-исчезать-эффект’). delay(1000).fadeIn(500); $(‘.for-animaton-effect’).animate({top: 40}, 500)

3. Это работает как шарм. Спасибо! Ps: задержка должна быть четной во втором скрипте, например: $(‘#one’). задержка (1000).fadeIn(500); $(‘#two’). задержка (1000).анимировать ({Top: 40}, 500);