码迷,mamicode.com
首页 > Web开发 > 详细

如何使用jquery BlockUI

时间:2017-03-31 18:02:04      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:请求   doc   start   改变样式   执行   lock   div   block   注意   

使用 Jquery BlockUI

1    ajax   
 
(1)发送ajax请求时执行一个函数$.blockUI ,响应送达后执行一个函数$.unblockUI
$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI)
 
(2)可以改变样式而且注意改变的时候$.blockUI包含在function(){}里面
 $(document).ajaxStart(function(){$.blockUI({
           message:$(‘#loading‘),
           css:{
           top: ($(window).height()-400)/2+‘px‘,
           left:($(window).width()-400)/2+‘px‘,
           width:‘400px‘,
           border:‘none‘
           },
           overlayCSS:{
           backgroundColor:‘#000‘
           }
    })}).ajaxStop($.unblockUI);
   具体代码参考上面

如何使用jquery BlockUI

标签:请求   doc   start   改变样式   执行   lock   div   block   注意   

原文地址:http://www.cnblogs.com/fupengpeng/p/6652638.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!