出現的問題
當在使用layui模塊時,引入了JQuery,而layui與JQuery版本衝突導致出現此錯誤。
這是由於在使用 layer 之類的模塊時,它會首先判斷你的頁面是否已經引入了JQuery,如果沒有,則加載內部的jQuery模塊,如果有,則不會加載。
此時layui加載了我進入的jquery.min.js,但由於這個版本和layui不匹配,導致無法初始化table。
解決方法
根據layui官網的說法,可以想到的解決方案就是讓layui加載其自身攜帶的jquery即可,無需去判斷我們的程序是否引入了JQuery。因此我們需要改動layui.js的代碼。
找到語句:
e="string"==typeof e?[e]:e,window.jQuery&&jQuery.fn.on&&(y.each(e,function(t,o){"jquery"===o&&e.splice(t,1)}),layui.jquery=layui.$=jQuery);
將其改下面語句並保存:
e="string"==typeof e?[e]:e,window.jQuery;
刷新界面,發現錯誤消失: