以正确的方式加速页面转换

时间:2012-10-03 22:19:09

标签: ios cordova jquery-mobile

我想要一些提示 我正在试验300毫秒的延迟 phonegap + JQM + HTML5BoilerPlate + IOS6 虽然我安装并调用了新的FastClick(),但我仍然有同样的延迟! 有没有办法测试FastClick实际上是否表现最佳? 还有另一个正常的~300ms延迟我正在关注和误导吗? <a>点击与其页面加载事件完成之间的预期时间转换是多少? 注意:html文件包含所有页面。

<body ... onload='init()' ...>
function init(){ new FastClick(document.body); }

...
$.mobile.bind('vclick', ... 
   $.mobile.changePage('#...', {transition: "none"});

稍后在讨论中添加: ![Timeline on observed events and calls

1 个答案:

答案 0 :(得分:2)

尝试删除转换,如果你想加快转换

     $(document).bind("mobileinit", function() {
     $.mobile.defaultPageTransition = 'none';
     $.mobile.defaultDialogTransition = 'none';
     }

您还可以创建自定义转换  http://jquerymobile.com/demos/1.0.1/docs/pages/page-transitions.html

您可以在此处更改.in,.out规则以设置自定义时间

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

希望这会有所帮助。