2010-01-08 54 views
3

我正在使用jQuery BlockUI插件,並且我已經能夠在頁面中成功顯示單個消息,但是,讓我們說我想要顯示3個消息,一個接一個。jQuery BlockUi消息接踵而至

喜歡的東西:

  1. 消息:「你好!世界
  2. 消息:'hello galaxy!'
  3. 消息:'hello universe!'

我該如何用jQuery BlockUI做到這一點?

+0

何時解鎖它們?是否它阻止「你好世界」解鎖「你好世界」塊「星系」解鎖「星系」....或塊「你好」塊「星系」塊「宇宙」解鎖在LIFO /先進先出順序? – ram 2010-01-08 15:55:46

+0

它在FIFO中,它是塊'hello world'。取消阻止,阻止'hello galaxy',取消阻止,阻止'hello universe',取消阻止 – Marco 2010-01-08 16:06:58

回答

11

只需創建你的頁面一個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; } 
3

當你有一些回調函數時這不起作用正在呼籲onBlock或onUnBlock,例如像這樣:

$ .blockUI({ 消息: '新郵件', onBlock:callbackFunction參數 });

這另一種方法是,只要再次使用不同的消息稱blockUI:

$ .blockUI({消息: '新信息'});