Jquery masks the ShowLoading component and jqueryshowloading
1. Meaning
In a development project, the front-end page needs to send a request to the server, and the server returns data to the front-end in response to the request. During this time, the front-end page may have a transient wait because of the large amount of data returned, in this case, if you click it without your knowledge, it may cause logical confusion. Therefore, you need to load the data by prompting the front-end to load the data. You can use the jquery mask component to complete this function.
2. Implementation steps
(1)、download the showloading.css jquery. showLoading. min. js files.
(2) introduce these two files in jsp
<link href="style/showLoading.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="js/jquery.showLoading.min.js"></script>
(3) Use This component in asynchronous requests
function showloading(url,data){$("body").showLoading();$.ajax({url:url,data:data,dataType:"json",success:function(obj){$("body").hideLoading();}});}
Jquery mask layer Problems
There is a pop-up box
Ability to customize positioning and scroll with screen without Jitter
You can also set the residence and lock screen
The tutorials and source code are provided.
Reference: www.blueidea.com/..20.12497
Why is the jquery mask layer incorrect?
$ (). Ready (function (){
$ ("# A"). bind ("click", function (){
Certificate ('.overlayer'0000.css ({"opacity": "0.5 "});
$ ('. Overlay'). show ();
});
});