无论如何在ajax调用后改变blockUI的背景颜色？

Question

我有一个ajax调用，我首先调用blockUI来显示一条消息。

"Saving Project..."

做某事如：

<span style="display:none" id="Message"><h2>Saving Project...</h2></span

 $("mySpan").block({ message:  $("#Message") });

在ajax调用返回后，我想将文本更改为

"Successfully saved Project"

我可以更改文本using this question，但我想同时更改弹出窗口的CSS。这可能吗？如果我像这样改变实际跨度的CSS：

 $("#Message").addClass("darkBackgroundColor");

它可以工作，但只改变文本的背景（而不是整个blockUI）。我想改变整个弹出框

我可以更改blockUI弹出窗口的背景颜色而不关闭并创建新的吗？

Answer 1

这是一个没有看到代码的远景......但你可以改变整个盒子的类，并适当地调整该类的CSS规则。

或者查看文档，至少有10种方法：http://malsup.com/jquery/block/#demos

如果您可以为消息执行此操作，则可以对整个块执行此操作。所以相反：

$("#Message").addClass("darkBackgroundColor");

您可以向其添加parent()：

$("#Message").parent().addClass("darkBackgroundColor");

或直接选择该类（请参阅您需要的元素，可能是blockMsg或blockPage ...）：

$(".blockUI").addClass("darkBackgroundColor");

或者这个：

$(".blockMsg").css("background-color", "#b4f9b6");