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

发布于 2021-11-22 08:13:12 字数 1111 浏览 792 评论 4

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

代码如下:

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();
    });
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

本宫微胖 2021-11-24 22:03:36

....请指教

伪装你 2021-11-24 21:50:41

采用从右边进入,可以很明显的看见屏幕变成白色后,页面才进来!!!你有解决方法不?

凡尘雨 2021-11-24 21:21:27

去掉$.mobile.ajaxEnabled = false; data-transiton="none";试试效果。 有更好的方法,记住通知啊啊

平生欢 2021-11-24 06:41:24

同求!!!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文