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。