jquery插件之jquery.lock异步锁定内容

摘自：http://www.hujuntao.com/archives/jquery-lock-plugin.html

ajax异步提交内容的时候，常常需要锁定某个区域, 避免用户重复操作。利用js加载一个绝对定位的遮罩层，并给以加载提示，锁定内容区域。使用jQuery.lock插件可能轻松地达到该功能，该插件自动添加遮罩层，锁定内容或解锁内容。源码16行不到1KB，调用起来非常方便。

1、引用

<script src="http://www.cnblogs.com/Scripts/jquery.lock.js" type="text/javascript"></script>

2、锁定内容

1 $(‘#lock’).click(function(){ 
2 $(‘元素’).lock(); 
3 })

3、解锁内容

1 $(‘#lock’).click(function(){ 
2 $(‘.test’).unlock(); 
3 })

演示：http://www.hujuntao.com/demo/?file=lock/jquery.lock.html

转载于:https://www.cnblogs.com/only-copy/articles/2385451.html