Вход

Просмотр полной версии : $ animate одновременно все элементы набора


Esigns
07.08.2013, 23:16
Привет и спасибо за помощь.
Вот код:
$('.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
Спасибо. Страница у меня на локальной машине, не скажу что очень тяжелая. Так, средней тяжести.