Ответ 1
На самом деле в jQuery mobile css:
.in, .out {
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-duration: 350ms !important;
}
Просто настройте мс, и вы хорошо.
Я сделал простое приложение для своего iphone, используя jQuery Mobile и Phonegap. он работает очень хорошо, но приложение использовало следующее, чтобы перейти на другую страницу, и это было медленно, как черт:
<a data-role="button" id="about_link" data-transition="slide"
href="#page3" data-icon="gear" data-iconpos="left">
Settings
</a>
Просто простая a
делает магию здесь, и это привело к странному отставанию в 400 мс и т.д....
Теперь после большого чтения я сделал кнопку a
a div
и сам обработал событие click, чтобы сделать кнопку быстрее.
$("#about_link").live("touchstart", function(){
slideTo('#page3',false);
});
function slideTo(page,reverse){
$.mobile.changePage( page, {
transition: "slide",
reverse: reverse
} );
}
Разница значительна, но она по-прежнему слишком медленная для моего вкуса. Похоже, что jQuery Mobile ждет завершения всей анимации кнопок (наведите указатель мыши и кликнуть) до того, как она перейдет на другую страницу.
Теперь мои вопросы:
Gr.
На самом деле в jQuery mobile css:
.in, .out {
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-duration: 350ms !important;
}
Просто настройте мс, и вы хорошо.
Вероятно, вы должны сделать настраиваемый переход. Бит чище, чем взломать CSS.
http://jquerymobile.com/test/docs/pages/page-customtransitions.html