jQuery BlockUi消息接连不断

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

就像是:

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

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

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

而对于剧本……

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

这个过程非常快,但是你得到了这个想法….这里的奖励是你可以设计它看起来你想要的样子,例如:

 #blockMessage { font-weight: bold; } 

当你在onBlock或onUnBlock上调用一些回调函数时,这不起作用,例如:

$ .blockUI({message:’your new message’,onBlock:callbackFunction});

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

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