javascript - 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 : callbackFunction });

对此的替代方法是，只需使用不同的消息再次调用 blockUI：

$.blockUI({ message: '新消息' });