JQuery Block UI показывать только на ajaxStart функции

Question

В настоящее время я использую Blockui, чтобы заблокировать страницу и показать загрузочный GIF при выполнении функции AJAX Смотрите здесь:

$(document).ready(function() { 
            //shows loading screen whilst posting via ajax
    $().ajaxStart(function() { 
        $.blockUI({ message: '<h1><img src="../images/layout/busy.gif" /> Just a moment...</h1>' });  });           
    $().ajaxStop($.unblockUI);                     

//Load table from table.php
//Timestamp resolves IE caching issue
var tsTimeStamp= new Date().getTime();
$.get('table.php',
      {action: "get", time: tsTimeStamp},
      function(data){
        $('#customertable').html(data).slideDown('slow');
      });
return true;                           

});

Моя проблема в том, что это блокирует страницу каждый раз, когда выполняется функция ajax. Как бы я сделал так, чтобы он появлялся только при выполнении определенных функций

Answer 1

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

$.blockUI({ message: '<h1><img src="../images/layout/busy.gif" /> Just a moment...</h1>' });
$.get('table.php',
      {action: "get", time: tsTimeStamp},
      function(data){
        $.unblockUI();
        $('#customertable').html(data).slideDown('slow');
      });