jQuery BlockUI 插件

Question

我需要在我的 MVC 应用程序中为 Ajax 事件添加一个覆盖，并找到了 jQuery BlockUI 插件。我没有使用 Jquery 的经验

我可以让它在默认设置下正常工作，$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);

我的问题是当我尝试在网站上将设置修改为类似于以下示例的内容时，例如自定义消息或背景，它不起作用。有人可以建议将以下内容应用于所有 Ajax 请求的正确方法吗？

$(document).ready(function() { 
    $('#demo2').click(function() { 
        $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff' 
        } 
    });
});

Answer 1

你没有关闭

$.blockUI

$(document).ready(function() { 
    $('#demo2').click(function() { 
        $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff' 
        }
       });
    });
});

看到这个fiddle。