【layui】layui與JQuery衝突的解決方法

出現的問題

在這裏插入圖片描述在這裏插入圖片描述
當在使用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;

刷新界面,發現錯誤消失:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章