jQuery BlockUi 消息接踵而至

2022-01-11 00:00:00 jquery jquery-plugins javascript blockui

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

I'm using jQuery BlockUI plugin, and i have been able to sucessfully show a single message in the page, however... let's say that I want to show 3 messages , one after another.

类似:

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

如何使用 jQuery BlockUI 做到这一点?

how do I do this with jQuery BlockUI?

推荐答案

只需像这样在你的页面中创建一个 div:

Just create a div in your page like this:

<div id="blockMessage"></div>

对于脚本...

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

这个过程很快，但你明白了....这里的好处是你可以设计成你想要的样子，例如:

This goes by very fast, but you get the idea....bonus here is you can style it to look however you want as well, e.g.:

#blockMessage { font-weight: bold; }

相关文章