我已经使用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,你是好的。