Javascript 第一次调用后BlockUI不工作

Javascript 第一次调用后BlockUI不工作,javascript,jquery,ajax,jquery-blockui,Javascript,Jquery,Ajax,Jquery Blockui,我在使用blockUI进行一些AJAX调用时遇到了一些问题。第一次被称为“一切正常”。当我执行后续的AJAX调用并尝试调用blockUI时,它不会再次阻塞我的屏幕。在这两种情况下,写入控制台都会返回函数(opts){install(window,opts);}。考虑到这可能是一个z值问题,我尝试在css中添加一个比任何其他z值都高的baseZ,但这并没有纠正它。下面是其中一个调用的简单实例: $(document).ready(function() { $(document).on('c

我在使用blockUI进行一些AJAX调用时遇到了一些问题。第一次被称为“一切正常”。当我执行后续的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'/>"});
    })
})
$(文档).ready(函数(){
$(文档)。在('click',.defect',函数()上{
$.blockUI({消息:“获取图像…”});
})
})

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

您可以添加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();
    });

你所拥有的应该或多或少有用。你能举一个更完整的例子来说明你在做什么吗?