jQuery animate queue: false не работает, чтобы сделать анимацию одновременно

Я использовал модификатор jQuery queue, чтобы анимация происходила одновременно, но по какой-то причине я не могу заставить его работать на этот раз.jQuery animate queue: false не работает, чтобы сделать анимацию одновременно

URL-адрес указанной страницы: http://fretfast.com - при нажатии «уведомлений» в левом верхнем углу вы увидите, что сначала панель расширяется в сторону, а затем панель «уведомлений» расширяется, чтобы соответствовать ей, и то же самое вещь происходит с анимацией высоты.

Вот как я пытаюсь сделать это:

n.animate({width: em2px(35)+'px'}, {queue: false, duration: speeds['fast']/1.5}); 
nc.animate({width: em2px(35)+'px'}, {queue: false, duration: speeds['fast']/1.5});

Где n переменным для «уведомления» в строке заголовка и nc переменный для контейнера уведомления, расширяющий первыми. Любая идея, что не так?

источник

2013-03-31 SISYN

Код кажется правильным. Вы пытались запустить его с чем-то простым, например 'n.animate ({width: 400}, {queue: false, duration: 200}),' просто чтобы убедиться, что это не ширина или продолжительность, которые его нарушают. –

Я просто попробовал это, и он делает то же самое. Спасибо за предложение отладки. – SISYN

Если вы замедляете движение вниз, кажется, что обе анимации происходят одновременно, но с разными шаблонами ослабления. – tcovo

У вас, вероятно, есть свойства перехода в вашем CSS, на селекторе, который вы пытаетесь оживить. Взял меня навсегда, чтобы понять это, но, судя по всему, переходы CSS заставляют анимацию либо отставать, либо случиться после всех других анимаций, кто-нибудь может это прояснить или подтвердить?

Использование анимации jQuery и анимации CSS вместе может быть сложным, у кого есть представление об этом? Советы?

источник

2013-08-30 15:14:48 LookingLA

Спасибо, что спасли мою жизнь (ну, не совсем, но это спасло много времени!) :) – Tonsenson

jQuery animate queue: false не работает, чтобы сделать анимацию одновременно

ответ

Смежные вопросы