jQuery BlockUi消息接踵而至

Question

我正在使用jQuery BlockUI插件，并且我已经能够在页面中成功显示单个消息，但是，让我们说我想要显示3个消息，一个接一个。

喜欢的东西：

1. 消息：“你好！世界
2. 消息：'hello galaxy！'
3. 消息：'hello universe！'

我该如何用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（{ 消息： '新邮件'， onBlock：callbackFunction参数 }）;

这另一种方法是，只要再次使用不同的消息称blockUI：

$ .blockUI（{消息： '新信息'}）;