在pageinit和pagecreate事件中$.mobile.loading('show')不起作用

本文介绍了在使用jQuery Mobile框架时遇到的加载指示符显示问题,并提供了几种有效的解决方案,包括利用setTimeout延迟显示及绑定ajaxStart事件实现全局加载指示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在页面初始化时,需要使用ajax从服务器取数据,但发现在pageinit和pagecreate事件中$.mobile.loading('show')不起作用,代码如下

$(document).on('pagecreate', '#page_one', {
    $.mobile.loading('show');
});


经搜索解决方案,发现需要使用setTimeout,代码如下

$(document).on('pagecreate', '#page_one', {
    setTimeout(function(){
        $.mobile.loading('show');
    },1);
});


可以绑定ajax的全局事件,从而在统一的地方实现loading机制,代码如下

//loading
$(document).on('ajaxStart', function () {
	setTimeout(function () {
		$.mobile.loading('show');
	}, 1);
}).on('ajaxStop', function () {
	$.mobile.loading('hide');
});





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值