layui數據表格分頁加載動畫,自己定義加載動畫,"加載中..."

記錄思路,僅供參考

在表格渲染完成后,在done回調函數中給分頁動態加點擊事件,

關閉"加載中..."動畫也是在 done回調函數中關閉

這是我實現的思路,記錄給大家參考.

  , done: function (res, curr, count) {
        // 添加分頁加載動畫的函數    
        $('.layui-laypage > a').each(function(){
            $(this).attr('onclick',"pageLoading(this)");
        })
        top.layer.close(loadingIndex); // 渲染完成后關閉動畫
    }

/**
 * 分頁請求的loading動畫
 * @param {當前點擊的dom} that 
 */
function pageLoading(that){
   var disa = $(that).hasClass('layui-disabled');
   if(disa){ // 如果是最后一頁或者是只有一頁,那就不可點擊
       return false;
   }
   loadingIndex = pageCommon.layerLoad(true); // 打開加載中動畫
}