调用两次时jQuery BlockUI无法正常工作

时间:2016-05-18 09:47:26

标签: javascript jquery load blockui jquery-blockui

我在页面加载时使用jQuery BlockUI Plugin(第一件事):

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

当一切都加载时,整个页面都会解锁:

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

它工作正常,但我不能再像这样阻止你了:

$("#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();
        }
    });
});

1 个答案:

答案 0 :(得分:0)

虽然有效,但正如@GuruprasadRao所说,$.unblockUI()并未等待doStuff()完成。我这样解决了:

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