我已经使用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,您就很好。

10-07 19:01
查看更多