$.blockUI加载掩码

Question

我正在使用jQuery BlockUI插件(v2)来阻止和解除阻止加载时，当单击一些button.but时，我的问题是在加载页面时掩蔽工作正常，但当我们单击按钮时它不工作，这是我的代码

$("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

Answer 1

您可以在此处重新排列代码，以便在$.ajaxStop()中使用$.ajaxStart()调用它，如下所示：

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

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