我正在使用 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">
...