jQuery BlockUi Message après l'autre

Question

J'utilise jQuery BlockUI plugin, et j'ai réussi à afficher un seul message dans la page, cependant ... disons que je veux afficher 3 messages, l'un après l'autre.

Quelque chose comme:

1. message: '! Bonjour'
2. message: 'hello galaxy!'
3. message: 'bonjour univers!'

Comment faire ceci avec jQuery BlockUI?

Answer 1

Il suffit de créer un div dans votre page comme ceci:

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

Et pour le script ...

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

Cela passe très vite, mais vous avez l'idée .... prime ici est que vous pouvez le style à regarder mais vous voulez aussi bien, par exemple:

#blockMessage { font-weight: bold; } 

Answer 2

Cela ne fonctionne pas lorsque vous avez une fonction de rappel est en cours appelé onBlock ou onUnBlock, par exemple comme ceci:

$ .blockUI ({ message: votre nouveau message ', onBlock: callbackFunction });

Une alternative à cela serait, il suffit d'appeler BlockUI à nouveau avec un autre message:

$ .blockUI ({message: 'Nouveau message'});