Loading-overlay 懶人包

應該之後會蠻常用到的,記起來。

簡述

先設定 options:

1
2
3
4
5
6
7
8
//  loading 效果
$.LoadingOverlaySetup({
background: "rgba(0, 0, 0, 0.6)",
imageAnimation: false,
image: './spinner.svg',
imageColor: '#FFD369',
size: '50'
});

詳細可參考這裡

接著只要:

1
2
3
4
// 打開 loading 畫面
$.LoadingOverlay('show');
// 關閉 loading 畫面
$.LoadingOverlay('hide');

這樣就 OK 囉!

用 jQuery 發 AJAX jQuery 隨筆記
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×