javascript - example - jQuery BlockUi Mensaje después de otro

jquery blockui ejemplo

Question

Estoy usando el complemento jQuery BlockUI, y he podido mostrar con éxito un solo mensaje en la página, sin embargo ... digamos que quiero mostrar 3 mensajes, uno tras otro.

Algo como:

1. mensaje: ''¡hola mundo!''
2. mensaje: ''¡Hola galaxia!''
3. mensaje: ''¡Hola universo!''

¿Cómo hago esto con jQuery BlockUI?

Answer 1

Esto no funciona cuando tiene activada una función de devolución de llamada onBlock o onUnBlock, por ejemplo, como esta:

$ .blockUI ({mensaje: ''su nuevo mensaje'', onBlock: callbackFunction});

Una alternativa a esto sería llamar de nuevo a blockUI con un mensaje diferente:

$ .blockUI ({mensaje: ''Nuevo mensaje''});

Answer 2

Solo crea un div en tu página así:

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

Y para el guión ...

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

Esto pasa muy rápido, pero obtienes la idea ... la bonificación aquí es que puedes modelarla para que se vea como quieras, por ejemplo:

#blockMessage { font-weight: bold; }