jQuery BlockUI 在调用两次时不工作

Question

我在页面加载时使用 jQuery BlockUI Plugin（第一件事）：

<script>
    $.blockUI({ message: null });
</script>

当所有内容都加载完毕后，整个页面就会解锁：

$(window).load(function () {
    $.unblockUI();
});

它工作正常，但我不能像这样再次阻止 ui:

$("#buttonFoo").click(function(){
    $.blockUI(); //nothing happens
    doStuff(); //I want screen blocked while doing stuff
    $.unblockUI();
});

doStuff() 被调用但屏幕未被阻止。我还应该做其他事情吗？

[编辑]

它起作用了，但正如@GuruprasadRao 所说，$.unblockUI() 没有等待 doStuff() 完成。我是这样解决的：

$("#buttonFoo").click(function(){
      $.blockUI({
        onBlock: function() {
            doStuff();
            $.unblockUI();
        }
    });
});

Answer 1

它起作用了，但正如@GuruprasadRao 所说，$.unblockUI() 没有等待 doStuff() 完成。我是这样解决的：

$("#buttonFoo").click(function(){
      $.blockUI({
        onBlock: function() {
            doStuff();
            $.unblockUI();
        }
    });
});

jQuery BlockUI 在调用两次时不工作

jQuery BlockUI not working when called twice

javascript

jquery

load

blockui

jquery-blockui