js锁定屏幕解决方案屏幕是通过封装ajax实现的。

jQuery插件源代码:



*将jQuery封装在jQuery中,以便添加锁定屏幕功能。
* isasync是异步请求,默认为true
* islock是否锁屏时,默认的是真的
* iscache信息是否是从浏览器缓存加载,默认为假
***
(函数($){)
美元。fn.dopost =功能(设置){
设置= jquery.extend({
isasync:真,
类型:邮政
url:null,
DataType:空,
数据:null,
成功:无效,
错误:错误,
IsLock:真的,
iscache:假
},设置);
$(this)。每个(函数(){)
如果(设置。islock){
locksrc();
}
$ ajax({
异步:settings.isasync,
类型:settings.type,
网址:settings.url,
DataType:settings.datatype,
数据:settings.data,
缓存:settings.iscache,
成功:函数(MSG){
如果(设置。islock){
UnlockSrc();
}
settings.success(MSG);
},
错误:settings.error
});
});

锁屏法
功能locksrc(){
$(。lockdiv)。Css({不透明度:0.5})。FadeIn(正常);
无功scrollwidth = document.documentelement.clientwidth; / / document.body.clientwidth;
无功scrollheight = document.documentelement.clientheight; / / document.body.clientheight;
无功divwidth = $(。lockdivinfo )Width();
无功divheight = $(。lockdivinfo )Height();
无功divleft = scrollwidth / / 2 2-divwidth;
无功divtop = scrollheight / / 2 2-divheight;
/ / console.log(个=+ scrollwidth +
$(。lockdivinfo)。Css({位置:绝对的
}
解决方案/屏幕方法
功能unlocksrc(){
$(。lockdivinfo)。FadeOut(正常);
$(。lockdiv)。FadeOut(正常);
}
功能错误(){
警报()操作失败!;
}
};
})(jQuery);


锁定屏幕样式:


*
锁屏
* /

{。lockdiv
宽度:100%;
身高:100%;
显示:无;
Z指数:10;
背景颜色:# dfe8f6;
位置:绝对;
上图:0px;
左:0px;
}
{。lockdivinfo
宽度:50px;
身高:2px;
显示:无;
位置:绝对;
左:0px;
上图:0px;
Z指数:11
}
{ # closediv
浮子:右边;
宽度:100px;
身高:100px;
边距:10px;
右边距:10px;
}









使用方法


查询
$(# querybtn)。Click(function(){)
SelecCheckByRegionApp.query();
});

无功seleccheckbyregionapp = { };
SelecCheckByRegionApp。查询=函数(){
振动= { var
类型:邮政
网址:'selfcheckstatisticaction!findbyregion,
DataType:文本
数据:$(# searchform )FormSerialize(),
成功:函数(MSG){
$(# contentdiv )Html(味精);
}
};
$(# querybtn )DoPost(振动);
}