Jquery Block ui 仅在函数的 ajaxStart 上显示

Question

我目前正在使用 Blockui 来阻止页面并在执行 ajax 函数时显示加载 gif。请参阅此处：

$(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');
      });