javascript - $.blockUI 中的命令排序

Question

我想使用 blockUI ( www.malsup.com/jquery/block/ )。有一点js.code:

function blockSite() {
    var loadImSize = 100;
    $.blockUI({
        message: '<img src="preloader_transparent.gif" width="' +
                loadImSize + 'px" height="' + loadImSize + 'px">',
    css: {
        top: ($(window).height() - loadImSize) / 2 + 'px',
        left: ($(window).width() - loadImSize) / 2 + 'px',
        width: loadImSize + 'px',
            height: loadImSize + 'px'
        }
    });
}
function unblockSite() {$.unblockUI();}
blockSite();
alert(3);
unblockSite();

如何使用警报前出现 block 图像并在警报关闭后图像消失？我需要确定用法

blockSite();
alert(3);
unblockSite();

而不是

$.blockUI{... ,onBlock: function() {...}, ...}

谢谢

Answer 1

您必须禁用它的动画:

$.blockUI({..., fadeIn: 0});

编辑:jsFiddle