在執行jQuery的ajax時,有的時候請求回來會有較長時間,這個時候,如果什么都沒有顯示,用戶會覺得網站卡住了,所以這個時候,來個mloading會使用戶體驗更好些。
使用方法很簡單
將jquery.mloading.js和jquery.mloading.css引入到頁面,調用:
$(element).mLoading({ text:"",//加載文字,默認值:加載中... icon:"",//加載圖標,默認值:一個小型的base64的gif圖片 html:false,//設置加載內容是否是html格式,默認值是false content:"",//忽略icon和text的值,直接在加載框中顯示此值 mask:true//是否顯示遮罩效果,默認顯示 });
這個是詳細的調用,但是可以直接使用默認的
$(element).mLoading("show");//顯示loading組件 $(element).mLoading("hide");//隱藏loading組件
這個element可以寫成body
$("body").mLoading();
不加參數,就是默認的打開這個loading。