Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   $ animate одновременно все элементы набора (https://javascript.ru/forum/misc/40497-%24-animate-odnovremenno-vse-ehlementy-nabora.html)

Esigns 07.08.2013 23:16

$ animate одновременно все элементы набора
 
Привет и спасибо за помощь.
Вот код:
$('.block').animate({width : 20}, 400);

На странице есть около 10 div с class="block" и к ним всем нужно одновременно применить анимацию уменьшения ширины.

Код, что я привел выше, работает, но запускает анимацию блоков по очереди. Причем разница в старте анимации для разных блоков заметна на глаз - примерно 300мс, по сути анимация первого заканчивается пока начинается анимация второго.

Так вот вопрос:
Как это реализовать?
:thanks: за советы.

рони 07.08.2013 23:52

Esigns,
а здесь показать сможите?

mta88 08.08.2013 05:50

Цитата:

запускает анимацию блоков по очереди
не верю
от ж насколько тяжелая страница должна быть:blink:
хочу адрес проблемной страницы :)

Riim 08.08.2013 08:28

Возможно причина в этом: http://habrahabr.ru/post/72022/ , но как то у вас слишком уж сильно проявляется.

Используйте css-transition, есть плагины для jQuery: http://habrahabr.ru/post/140630/

Esigns 08.08.2013 11:26

Спасибо. Страница у меня на локальной машине, не скажу что очень тяжелая. Так, средней тяжести.


Часовой пояс GMT +3, время: 18:06.