jquery - 如何加快页面转换动画的速度？

Question

我使用 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 在这里发挥了魔力，导致了奇怪的 400 毫秒延迟等......

现在，经过大量阅读后，我将 a 按钮设为 div 并自己处理点击事件以使按钮更快。

$("#about_link").live("touchstart", function(){
    slideTo('#page3',false);
});
function slideTo(page,reverse){
    $.mobile.changePage( page, {
        transition: "slide",
        reverse: reverse
    } );
}

差异很大，但对我来说还是太慢了。看起来 jQuery Mobile 会等待整个按钮动画(悬停和单击)完成，然后才会转到其他页面。

现在我的问题:

1. touchstart 是最快的方法吗？我使用了其他库，例如 fastclick但这也不是 super 快。
2. 按钮动画是这里的坏人吗？那我可以禁用它吗？
3. 你们能给我一些建议吗？在这个特定问题上，谷歌不是我的 friend ......

希腊

Answer 1

它实际上在 jquery mobile 的 css 中:

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

只需调整毫秒即可。