MUI原生loading的快速使用[复制过去就能用]

先引用mui.css和mui.js,引用完之后直接复制下面代码到你的页面就能看到效果.

HTML:

<div class="mui-loading" >
	<div class="mui-spinner">
	
	</div>
</div>

很简单这样就能在你的页面显示出一个加载中的icon,如果需要对它进行相应的显示和隐藏只需要添加一个id获取进行操作:

HTML:

<div class="mui-loading" id="myloading">
	<div class="mui-spinner">
	
	</div>
</div>

JavaScript:

$("#myloading").css("display", "block");//显示
$("#myloading").css("display", "none");//隐藏

中间要做什么逻辑处理,自己自行添加到具体位置即可.例如页面加载的时候显示,加载完成之后隐藏.再比如对某某数据进行了修改,修改成功之后数据加载中显示,加载完成之后隐藏?等等