jquery.blockui.js怎么用
展开全部
http://bookshadow.com/weblog/2014/09/26/jquery-blockui-js-introduction/
可以参考下这个网站,里面讲了详细怎么使用
jQuery BlockUI Plugin概述:
jQuery BlockUI插件可以在不锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为。该插件激活时,会阻止用户在页面进行的操作,直到插件被关闭。BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为。
使用jQuery BlockUI,首先需要添加插件js源码的引用:
<script type="text/javascript" src="http://malsup.github.io/min/jquery.blockUI.min.js"></script>
用法很简单,阻止用户对页面的交互:
$.blockUI();
使用自定义信息阻塞UI:
$.blockUI({ message: '<h1><img src="busy.gif" .> Just a moment...</h1>' });
使用自定义样式阻塞UI:
$.blockUI({ css: { backgroundColor: '#f00'; color: '#fff' } });
解除对页面的遮罩:
$.unblockUI();
如果你想要使用缺省设置对所有的ajax请求都使用UI遮罩,只需添加下面的语句即可:
$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
可以参考下这个网站,里面讲了详细怎么使用
jQuery BlockUI Plugin概述:
jQuery BlockUI插件可以在不锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为。该插件激活时,会阻止用户在页面进行的操作,直到插件被关闭。BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为。
使用jQuery BlockUI,首先需要添加插件js源码的引用:
<script type="text/javascript" src="http://malsup.github.io/min/jquery.blockUI.min.js"></script>
用法很简单,阻止用户对页面的交互:
$.blockUI();
使用自定义信息阻塞UI:
$.blockUI({ message: '<h1><img src="busy.gif" .> Just a moment...</h1>' });
使用自定义样式阻塞UI:
$.blockUI({ css: { backgroundColor: '#f00'; color: '#fff' } });
解除对页面的遮罩:
$.unblockUI();
如果你想要使用缺省设置对所有的ajax请求都使用UI遮罩,只需添加下面的语句即可:
$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询