$ .blockUI加载掩码

时间:2009-03-02 12:09:22

标签: jquery jquery-plugins

我正在使用jQuery BlockUI插件(v2)在加载时以及在点击某个按钮时阻止和取消阻止。但是我的问题是在加载页面时屏蔽工作正常但是当我们点击按钮时它不起作用,这是我的代码

$("input[name^=filtera]").click(function(){
 $.blockUI({message:'<h3><img src="images/spinner.gif" /> Please Wait...</h3>'});
 $.ajax({
    url : "ChangeRequestSearch.action?last_date_modified=" + modifiedDate ,
    cache: false,
    success : function (data) {
      $("#tableLoader").html(data);
    }
 });
 $().ajaxStop($.unblockUI); 
});

我收到错误:$ .blockUI不是函数

让我知道问题是什么

由于 Usman.sk

1 个答案:

答案 0 :(得分:3)

您可以在此处重新排列代码,使用$.ajaxStart()$.ajaxStop()一起调用它,如下所示:

$(document).ajaxStart(function() {
 $.blockUI({message:'<h3><img src="images/spinner.gif" /> Please Wait...</h3>'});
}).ajaxStop(function() {
 $.unblockUI();
});

请注意,在jQuery 1.4+中,您应该使用$(document)而不是$()来进行这些绑定,因为$()不再返回jQuery对象中包含的document。< / p>