Làm thế nào để trì hoãn Jquery UIBlock Plugin?

Question

Tôi đang sử dụng plugin này. http://jquery.malsup.com/block/#overview

Tuy nhiên tôi muốn blockUI này chỉ hiển thị nếu yêu cầu ajax vượt quá 1 giây. Nếu không có gì hiển thị.

Có cách nào tôi có thể thực hiện việc này không?

Answer 1

Khi bạn gọi AJAX, hãy gọi số BlockUI trong một số setTimeout().

// Using a setTimeout, display the blockUI after 1000 milliseconds 
var timeout = setTimeout(function() { 
    $.blockUI({ message: $('selector') }); 
}, 1000); 

$.ajax({ 
    url:'/some/path', 
    success: function(data) { 
     // your success callback 
    }, 
    complete: function() { 
      // Clear the timeout just in case the response came back 
      // in less than 1000 milliseconds 
     clearTimeout(timeout); 
     $.unblockUI(); 
    } 
});