调整jQuery BlockUI插件的默认行为

Question

我想更改jQuery BlockUI plugin的默认行为。我想：

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页面上。在FAQ部分，您可以找到示例，如何更改默认消息：

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

或叠加：

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

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

还有更多例子。

虽然Options页面提供了有关BlockUI的每个选项以及如何以及何时覆盖它们的详细信息。