更詳細的內容請至我的部落格finalevil's blog瀏覽
Block UI是一個相當古老的jQuery外掛,它幾乎就和另外一個叫做Thickbox的jQuery外掛一樣的古老,這是一個產生燈箱(lightbox)效果的外掛。雖然這些外掛都很古老,但卻也相當的完整,實在不可以小覷阿!像本文所介紹的BlockUI就是在使用者介面的遮蔽上首屈一指的外掛。
那麼為什麼要用BlockUI遮蔽使用者介面呢?最主要有兩個功用:
(1)當資料載入或儲存時,遮蔽畫面,禁止使用者連續進行操作,例如:猛點add或save這種事=="
(2)這是一個很微妙的人性問題,當使用者在瀏覽網頁的時候,如果畫面上有越多的選擇時,使用者越會無所適從,越會需要費心去尋找牠們所要使用的功能,這個時候還不如直接一點,就由我們來貼心的幫他把不需要看到的東西遮住。
* 外掛名稱:BlockUI
* 作者網站:http://malsup.com/jquery/block/#overview
* 範例演示:http://malsup.com/jquery/block/
事實上,blockUI的功能跟jQuery UI的dialog十分類似,兩者之間最主要的差異應該是blockUI可以遮蔽單一個某個容器物件,像是div。因此,我會在需要遮蔽某些固定區塊時,選擇使用blockUI。以下是簡單的程式碼:
更詳細的內容請至我的部落格finalevil's blog瀏覽