Ajax loading 時的遮罩
用jQuery的監聽Ajax事件,自動載入loading遮罩效果。
When using jQuery's Ajax event, page will automatically trigger loading override.
Step.1 引用js
<script>
var ALSetting = { theme: 1 }; // 先選擇哪一種樣式,有1-6種
</script>
<script src="https://letswritetw.github.io/ajax-loading/contents/js/ajax-loading.min.js">>
Step.2 …什麼?這樣就好了!?
對,這樣就好了。
不過要注意的是,為了讓ie也可以執行,所以loading的動畫是直接用gif圖檔的。
圖檔的背景是白色,因此loading時的整體背景也是白色。
Demo
以下是範例檔,主要是顯示1-6種樣式: