$ .blockUI маска загрузки

Question

Я использую плагин 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

Answer 1

Вы можете немного изменить код здесь, чтобы вызвать его, используя $.ajaxStart(), чтобы использовать $.ajaxStop() следующим образом:

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

Обратите внимание, что в jQuery 1.4+ вы должны использовать $(document) вместо $() для этих привязок, поскольку $() больше не возвращает document, заключенный в объект jQuery.