Jquery遮罩ShowLoading组件
一、遮罩用途及效果
有时候我们页面调用后台程序时间比较长时，前台页面暴露在用户之下，如果用户点击可能会造成逻辑混乱。这时候，遮罩就起到了很好的效果，在触发后台程序时我们将前台页面遮住，不让操作，同时给予一个程序运行请等待的效果。
遮罩效果：
二、JQuery遮罩UI实现
引用文件：
showLoading.css
jquery.showLoading.js
- //activity_pane为所需遮罩部分的标签ID
- jQuery('#activity_pane').showLoading();
- jQuery('#activity_pane').load(
- //调用url
- '<%=base%>inventorystock!listshow',
- //所传参数，ID为queryform表单下所有的表单参数
- $("#queryform").serialize(),
- function() {
- //回调函数，成功返回时去掉遮罩
- jQuery('#activity_pane').hideLoading();
- });