PhoneGap / Cordova: анимация JQuery работает медленно

Я создал приложение в PhoneGap / Cordova и использовал библиотеку JQuery для некоторых простых анимаций, таких как slideUp и т. Д.

Они отлично работают на симуляторе, но когда я примеряю реальное устройство, анимация работает очень громоздко и медленно.

Есть ли способ ускорить это? Или я должен использовать другую работу переходов?

Если последнее верно, может кто-нибудь предложить хорошую версию для меня, чтобы попробовать?

Спасибо

 MeltingDog22 июн. 2012 г., 01:30
Я проверил с 4 и 5 - оба одинаковы, хотя 5 очень немного быстрее
 Jasper Mogg22 июн. 2012 г., 01:12
С какой ОС вы работаете?

Ответы на вопрос(2)

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

Решение Вопроса

Анимации jQuery выполняются с использованием setInterval для анимируемых свойств css, и это не аппаратно ускоряется на мобильных устройствах.

CSS переходыare аппаратное ускорение на большинстве современных устройств и, следовательно, лучший выбор. Есть библиотеки, которые могут убедиться, что ваши анимации jQuery выполняются с использованием CSS-переходов вместо дорогостоящих анимаций setInterval.

http://playground.benbarnett.net/jquery-animate-enhanced/

http://ricostacruz.com/jquery.transit/

Дайте этим попробовать.

Если вы не используете какие-либо функции, которые отсутствуют вZepto.jsрассмотрите возможность его использования, поскольку он намного меньше и легче, чем jQuery, и создан специально для мобильных устройств.

 09 июл. 2014 г., 10:31
Спасибо за полезный совет!
 08 окт. 2014 г., 00:00
Для меня jquery.transit делает мою жизнь лучше. И все же иногда у меня возникает эффект, что анимация слева или справа от элемента en на мобильных устройствах заходит слишком далеко. Не всегда, но иногда. но это не так часто, как раньше. Спасибо за это.
 MeltingDog22 июн. 2012 г., 04:42
Ах, это здорово! Не знал об этих переходах CSS
 02 мая 2013 г., 03:50
Похоже, что они не влияют на мое приложение по сравнению с обычным jquery. Есть причина для этого?
 03 окт. 2013 г., 09:35
Оживление-улучшение сделало мои скользящие переходы красивыми и плавными!

Ваш ответ на вопрос