jQuery BlockUi消息接连不断
我正在使用jQuery BlockUI插件,并且我已经能够成功地在页面中显示单个消息,但是…让我们说我想要一个接一个地显示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’});