javascript - 一个接一个的jQuery BlockUi Message

Question

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

类似于:

1. 消息:“ Hello World !”
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; }