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。