jquery mloading


在執行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。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM