如何延迟Jquery UIBlock插件？

Question

我正在使用这个插件。 http://jquery.malsup.com/block/#overview

但是我希望这个blockUI只显示ajax请求是否超过1秒。如果没有显示任何内容。

我有办法做到这一点吗？

Answer 1

当您拨打AJAX时，请拨打BlockUI中的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();
    }
});