jquery - 调整 jQuery BlockUI 插件的默认行为

Question

我想更改jQuery BlockUI 插件的默认行为。我想要：

1. 摆脱出现在非活动内容上方的白框。
2. 避免在Please Wait...元素被阻止时默认显示的消息。
3. 显示默认鼠标光标（不是沙漏/请稍候），当它在被阻止的元素上时。

如果无法更改，那么我可以用灰色蒙版在容器 div 上阻止元素的适当方法是什么。

我的 jQuery 代码是：

function showResult(response){
    if (response.indexOf("Submission Successful") != -1){
        $("#confirmform").css("display","block");
        $("#middle").block({css: {backgroundColor: '#E0EBEB'}});
        $("#leftside").block({css: {backgroundColor: '#E0EBEB'}});
        $("#rightside").block({css: {backgroundColor: '#E0EBEB'}});
    } else if (response.indexOf("Invalid E-mail") != -1){
        //display error, no blocking
    } else if (response.indexOf("Nothing in Box") != -1){
        //do nothing
    } else {
        //do nothing
    }
}

这是我看到的行为截图：

非常感谢任何帮助。

Answer 1

似乎是什么问题？在这里给出的所有问题的答案都在 jQuery BlockUI 页面上。在常见问题部分中，您可以找到示例，如何更改默认消息：

$.blockUI.defaults.message = "Please be patient...";

或覆盖：

// use yellow overlay 
$.blockUI.defaults.overlayCSS.backgroundColor = '#ff0'; 

// make overlay more transparent 
$.blockUI.defaults.overlayCSS.opacity = .2; 

以及更多示例。

而选项页面为您提供有关 BlockUI 的每个选项以及如何以及何时覆盖它们的详细信息。