jQuery BlockUi 消息接二连三

Question

我正在使用 jQuery BlockUI 插件，并且我已经能够在页面中成功显示一条消息，但是...假设我想一条接一条地显示 3 条消息。

类似于：

1. 消息：“你好世界！”
2. 消息：“你好银河！”
3. 消息：“你好宇宙！”

我如何使用 jQuery BlockUI 做到这一点？

Answer 1

只需在页面中创建一个 div，如下所示：

<div id="blockMessage"></div>

对于脚本...

$.blockUI({ message: $('#blockMessage') });
$("#blockMessage").html('Hello World!');
$("#blockMessage").html('Hello Galaxy!');
$("#blockMessage").html('Hello Universe!);
$.unblockUI();

这进行得非常快，但您明白了...这里的好处是您也可以将其样式设置为您想要的外观，例如：

#blockMessage { font-weight: bold; }

Answer 2

当您在 onBlock 或 onUnBlock 上调用某些回调函数时，这不起作用，例如：

$.blockUI({
message : '您的新消息',
onBlock : 回调函数
});

另一种方法是，只需使用不同的消息再次调用 blockUI：

$.blockUI({ message: 'New message' });