我目前正在查看这个插件,因为 blockui 似乎对我不起作用。我在用:
beforeSend: function () {
$.msg({
autoUnblock: false
});
}
并希望在成功、错误等情况下“解锁”它。
这可能吗?谢谢。
是的,有可能。
我刚刚测试过,它的工作原理是这样的:
HTML
<!DOCTYPE html>
<html>
<head>
<link media="screen" href="https://raw.github.com/dreamerslab/jquery.msg/master/jquery.msg.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://raw.github.com/dreamerslab/jquery.msg/master/jquery.center.min.js"></script>
<script src="https://raw.github.com/dreamerslab/jquery.msg/master/jquery.msg.min.js"></script>
<meta charset=utf-8 />
<title>Test Page</title>
</head>
<body>
<div id="test"></div>
</body>
</html>
jQuery
jQuery(document).ready(function($){
$.ajax({
url: "http://www.google.com",
beforeSend: function ( xhr ) {
$("#test").html("before send");
$.msg({
autoUnblock: false
});
},
success:function(){
$("#test").html("success");
$.msg('unblock'); //this will remove the msg box
},
error:function(){
$("#test").html("error");
$.msg('unblock'); //this will remove the msg box
}
});
});
这是小提琴:http: //jsfiddle.net/qqjhB/1/
在此示例代码中,您将首先进入 beforesend
块,因此它会向您显示味精框,然后它将在error
块中结束,然后它将删除该味精框。