Как ускорить анимацию перехода на страницу?

Я сделал простое приложение для своего 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 ждет завершения всей анимации кнопок (наведите указатель мыши и кликнуть) до того, как она перейдет на другую страницу.

Теперь мои вопросы:

  • Является ли touchstart самым быстрым способом? Я использовал другие библиотеки, такие как fastclick, но это тоже было не очень быстро.
  • Является ли кнопка анимацией badguy здесь? Могу ли я отключить его?
  • Можете ли вы, ребята, дать мне советы? Google не является моим другом по этой конкретной проблеме...

Gr.

Ответы

Ответ 1

На самом деле в jQuery mobile css:

.in, .out {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 350ms !important;
}

Просто настройте мс, и вы хорошо.