[jQuery] 好用的螢幕畫面鎖定(遮罩)套件 jQuery BlockUI Plugin (可應用於loading效果)

有時候我們希望使用者在執行一個事件後(例如:onclick)，暫時將畫面鎖定一下(例如顯示一個loading的圖示)，待系統處理完後，再讓使用者繼續操作。只要使用 BlockUI 套件，可以很簡單的達到這個目的...

至官網下載套件 jquery.blockUI.js

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="jquery.blockUI.js"></script>

<script type="text/javascript">

$(document).ready(function() {

$(".mylink").bind("click",function(){

$('body').block({

message: null

}); 

$('body').click($.unblockUI);

});

});

</script>

這是最基本的用法，只會單純把畫面鎖住，然後再次點擊後，解開鎖定。如果想看其他應用的話，請參考官網的Demo。