javascript - jQuery BlockUi メッセージが続々

Question

jQuery BlockUI プラグインを使用していますが、ページに 1 つのメッセージを正常に表示できましたが、3 つのメッセージを次々に表示したいとしましょう。

何かのようなもの：

1. メッセージ: 「ハローワールド!」
2. メッセージ: 「こんにちは銀河!」
3. メッセージ: 「ハローユニバース!」

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({ message : 'あなたの新しいメッセージ', onBlock : callbackFunction });

これに代わる方法は、別のメッセージで blockUI を再度呼び出すことです。

$.blockUI({ メッセージ: '新しいメッセージ' });