Question

我有以下jquery代码

$("#tbl").block({ message: 'Updating...' });
    $("#tbl > tbody > tr").each(function (i) {
    ...
    }
$("#tbl).unblock();

现在我的问题是blockUI只有在它退出循环后才能工作。如何在进入循环之前阻止阻塞并在循环后取消阻止UI？

Answer 1

您将需要使用BlockUI中提供的onBlock回调。

以下是代码：

HTML：

<button id="btn">Click Me</button>

JavaScript的：

$(document).ready(function() { 
    $('#btn').click(function() { 
        $.blockUI({ 
            fadeIn: 1000,
            message: 'Your message here...',
            onBlock: function() {
                var x = 0;
                for (var i = 0; i < 1000000000; i++) {
                    x = (x*x)*(x*x);
                    x = x*i;
                }
                $.unblockUI();
            } 
        }); 
    });    
});

这是一个有效的Fiddle

blockUI未按预期工作

1 个答案: