Question

我正在使用带有一些AJAX调用的blockUI，并且遇到了问题。第一次调用它时，一切都按预期工作。当我执行后续的AJAX调用并尝试调用blockUI时，它不会再次阻止我的屏幕。在两种情况下写入控制台都会导致函数（opts）{install（window，opts）;被退回。我认为这可能是一个z值问题我尝试在我的css中添加一个比任何其他z值更高的数字的baseZ但是没有更正它。其中一个调用的简单实例如下：

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

第一次调用后BlockUI无法正常工作

1 个答案: