我正在使用JQuery Mobile 1.1.1并在iPad上运行应用时遇到性能问题。我有两个页面通过导航栏加载,并且都有大量的输入字段 - 大约200个。在页面之间切换需要6秒以上。
在Windows上使用js探查器我追踪了花费大部分时间的地方,发现它在$ .mobile.changePage()/ enchancePage()/ each / _createWidget()中。因此,似乎JQM小部件转换花费的时间最多。
我尝试启用JQM缓存和预取(见下文),但它似乎没有什么区别。有谁知道为什么或其他什么方法可以改善表现?
谢谢!
<script>
$(document).bind('mobileinit',function(){
$.mobile.ajaxFormsEnabled = false;
$.mobile.defaultTransition = 'none';
$.mobile.ajaxEnabled = false;
$.mobile.ajaxLinksEnabled = false;
$.mobile.page.prototype.options.domCache = true;
});
</script>
<div data-role="navbar">
<ul>
<li><a href="page-1.htm" data-ajax="false" rel="external">Page 1</a></li>
<li><a href="page-2.htm" data-ajax="false" rel="external" class="ui-btn-active ui-state-persist">Page 2</a></li>
</ul>
</div
<div id="Page1" data-dom-cache="true">
...
<div id="Page2" data-dom-cache="true">
...