javascript - jQuery 用户界面。在阻止 UI 加载后执行一个功能

Question

我使用 jQuery BlockUI 插件。

http://www.malsup.com/jquery/block/

我想在 jQuery BlockUI 完成加载后发出警报。

这是代码；

$('#trigger').click(function() {
    $.blockUI({
        message: $('#mymessage'),
    });
    alert("hi");
});

但是警报第一次发生，UIBlock 第二次加载。我怎样才能解决这个问题？

这是现场演示http://jsfiddle.net/yHCjF/

Answer 1

你应该使用setTimeout().

$('#trigger').click(function() {
    $.blockUI({
        message: $('#mymessage'),
    });
    setTimeout(function(){ alert(); }, delay);
});

Answer 2

你试过onBlock回调吗？

$.blockUI({
    message: $('#mymessage'),
    onBlock: function() {
        alert('loaded');
    },
});

http://jsfiddle.net/yHCjF/1/