我已经使用jQuery Mobile和Phonegap为我的iPhone开发了一个简单的应用程序。它工作得很好,但是应用程序使用了以下内容来切换到另一个页面,而且速度很慢:
<a data-role="button" id="about_link" data-transition="slide"
href="#page3" data-icon="gear" data-iconpos="left">
Settings
</a>
只是一个简单的
a
在这里做魔术,这导致了400ms怪异的延迟等。现在,经过大量阅读后,我将
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,但这也不是非常快。
按钮动画在这里是坏人吗?那我可以禁用它吗?
你们能给我提示吗? Google在这个特殊问题上不是我的朋友...
Gr。
最佳答案
它实际上在jquery mobile的CSS中:
.in, .out {
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-duration: 350ms !important;
}
只需调整ms,您就很好。