使用phonegap+jquery+jqm页面跳转过程中,有一个白屏过程,请问如何解决!!!

OSC_代码审查官 发布于 2013/08/13 14:08
阅读 2K+
收藏 0

如题,在屏幕切换过程中闪过一次白屏,请问是什么原因?

代码如下:

main.js

// 页面切换
	changePage: function (page) {
		$(page.el).attr('data-role', 'page'); // 修饰为jQuery Mobile中的page
		page.render();
		$('body').append($(page.el));
		var transition = $.mobile.defaultPageTransition;
		if (this.firstPage) { // 首个页面不需要页面切换效果
			transition = 'none';
			this.firstPage = false;
		}
		// 切换并渲染页面  切换过程中白屏 需处理
		$.mobile.changePage($(page.el), {changeHash: false, transition: transition});
	},
jqm-config.js

$(document).bind("mobileinit", function () {
    console.log('mobileinit');
    $.mobile.ajaxEnabled = false;
    $.mobile.linkBindingEnabled = false;
    $.mobile.hashListeningEnabled = false;
    $.mobile.pushStateEnabled = false;
    $.mobile.defaultPageTransition='none';
    // Remove page from DOM when it's being replaced
    $('div[data-role="page"]').on('pagehide', function (event, ui) {
        $(event.currentTarget).remove();
    });
});

加载中
0
KingMing
KingMing
同求!!!
KingMing
KingMing
去掉$.mobile.ajaxEnabled = false; data-transiton="none";试试效果。 有更好的方法,记住通知啊啊
OSC_代码审查官
OSC_代码审查官
采用从右边进入,可以很明显的看见屏幕变成白色后,页面才进来!!!你有解决方法不?
0
luo_text
luo_text
....请指教
返回顶部
顶部