Вопрос по cordova, jquery, slide – PhoneGap / Cordova: анимация JQuery работает медленно

9

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

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

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

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

Спасибо

Я проверил с 4 и 5 - оба одинаковы, хотя 5 очень немного быстрее MeltingDog
С какой ОС вы работаете? Jasper Mogg

Ваш Ответ

2   ответа
25

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

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

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

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

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

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

Похоже, что они не влияют на мое приложение по сравнению с обычным jquery. Есть причина для этого?
Оживление-улучшение сделало мои скользящие переходы красивыми и плавными!
Спасибо за полезный совет!
Ах, это здорово! Не знал об этих переходах CSS MeltingDog
Для меня jquery.transit делает мою жизнь лучше. И все же иногда у меня возникает эффект, что анимация слева или справа от элемента en на мобильных устройствах заходит слишком далеко. Не всегда, но иногда. но это не так часто, как раньше. Спасибо за это.
3

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

Похожие вопросы