javascript - BlockUI 在第一次调用后不工作

Question

我正在使用 blockUI 进行一些 AJAX 调用，但在运行时遇到了问题。第一次调用一切都按预期进行。当我执行后续 AJAX 调用并尝试调用 blockUI 时，它不会再次阻止我的屏幕。在这两种情况下，写入控制台都会导致 function (opts) { install(window, opts); } 被返回。考虑到这可能是一个 z 值问题，我尝试添加 baseZ ，其数字高于我的 css 中的任何其他 z 值，但这并没有纠正它。其中一个调用的简单实例如下:

$(document).ready(function() {
    $(document).on('click',".defect",function() {
        $.blockUI({ message: "<h4>Getting images ...</h4><img src='img/wait.gif'/>"});
    })
})

我尝试过 $(document).ajaxStop($.unblockUI); 然后尝试删除它并在我的 AJAX 成功中使用 $.unblockUI(); 但仍然有相同的结果

Answer 1

您可以添加 jquery.blockUI.js 。尝试在 ajax 调用发生时添加它:

$(document)
    .ajaxStart(function () {
    $.blockUI(); 
/*      for css style
    $.blockUI({css: { border: 'none',
            padding: '5px',
            backgroundColor: '#000',
            '-webkit-border-radius': '5px', 
            '-moz-border-radius': '5px',
            opacity: .5, color: '#fff' },
            message: "Loading..."}); */
    })
    .ajaxStop(function () {
     $.unblockUI();
    });