jQuery BlockUi消息接连不断

Mar*_*rco 4 javascript jquery jquery-plugins blockui

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

就像是:

  1. 消息:'你好世界!'
  2. 消息:'你好星系!'
  3. 消息:'你好宇宙!'

我如何使用jQuery BlockUI执行此操作?

Nic*_*ver 12

只需在页面中创建一个div,如下所示:

<div id="blockMessage"></div>
Run Code Online (Sandbox Code Playgroud)

对于剧本......

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

这非常快,但你明白了......这里的奖励就是你可以把它设计成你想要的样子,例如:

#blockMessage { font-weight: bold; }
Run Code Online (Sandbox Code Playgroud)