jquery – 如何加快页面转换动画?

前端之家收集整理的这篇文章主要介绍了jquery – 如何加快页面转换动画?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经使用jQuery Mobile和Phonegap为我的iphone做了一个简单的应用程序。它工作得很好,但应用程序使用以下来转换到另一个页面,那是慢的地狱:
<a data-role="button" id="about_link" data-transition="slide" 
     href="#page3" data-icon="gear" data-iconpos="left">
     Settings
</a>

只是一个简单的一个是在这里做的魔法,导致了奇怪的400ms滞后等…

现在经过很多阅读之后,我将一个按钮设为div,并自动处理点击事件,使按钮更快。

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

差异很大,但我的口味依然太慢。看起来jQuery Mobile等待整个按钮动画(悬停和点击)完成,然后再转到另一页。

现在我的问题:

touchstart是最快的方式吗?我使用其他图书馆,如fastclick,但也不是超快。
这里的按钮动画是坏话吗?可以禁用吗?
你能给我提示吗? Google不是我的朋友这个特殊的问题…

克。

解决方法

它实际上是在jquery mobile的css中:
.in,.out {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 350ms !important;
}

只是调整ms,你是好的。

猜你在找的jQuery相关文章