【layui】layui与JQuery冲突的解决方法

深碍√TFBOYSˉ_ 2021-09-28 15:46 1921阅读 0赞

## 出现的问题 ##

![在这里插入图片描述][20190521203252285.png]![在这里插入图片描述][20190521203308573.png]  
当在使用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;

刷新界面，发现错误消失：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dPX0RfT0c_size_16_color_FFFFFF_t_70]

[20190521203252285.png]: https://img-blog.csdnimg.cn/20190521203252285.png
[20190521203308573.png]: /images/20210923/ef2dc6a508fa4379bafecf72b3dd38e7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dPX0RfT0c_size_16_color_FFFFFF_t_70]: /images/20210923/59abab0bd8ef47fe86c6edcba975efa5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1921人围观）

还没有评论，来说两句吧...

相关阅读

相关 Git冲突与解决方法

转载：[https://www.cnblogs.com/gavincoder/p/9071959.html][https_www.cnblogs.com_gavincoder_

小咪咪/ 2022年12月03日 08:30/ 0 赞/ 133 阅读

相关 UIScrollView 与 touchesBegan 冲突解决方法

UIScrollView 与 touchesBegan 冲突解决方法参考文章： [（1）UIScrollView 与 touchesBegan 冲突解决方法][1_UIS

刺骨的言语ヽ痛彻心扉/ 2022年09月07日 05:54/ 0 赞/ 105 阅读

相关 Ecshop与Jquery冲突的解决方案2

ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中，可以说它也有自己封装的一套工具，这其实是很正常的。但恰恰的，在封装JSON各

ゝ一纸荒年。/ 2022年07月24日 04:12/ 0 赞/ 118 阅读

相关 Ecshop与Jquery冲突的完美解决方案

ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中，可以说它也有自己封装的一套工具，这其实是很正常的。但恰恰的，在封装JSON各种

以你之姓@/ 2022年07月24日 04:12/ 0 赞/ 133 阅读

相关 ecshop jquery冲突解决方法

ECSHOP与JQUERY冲突的问题由来已久，网上很多解决方法比较繁琐，而且在某些地方还会出错，如产品比较功能等，本文中的方法结合了网上最新公开文章与本人实际开发的经验，基本上

淩亂°似流年/ 2022年07月24日 04:10/ 0 赞/ 173 阅读

相关 jQuery与其它库冲突的解决方法

大家都知道jQuery它最强大的地方面在于其选择器功能，所以在开发应用软件，能让软件用户体验方面有意想不到的特效，在jQuery库中，几乎所有的插件都被限制在它的命名空间里。

￡神魔★判官ぃ/ 2022年04月14日 04:05/ 0 赞/ 181 阅读

相关 jQuery基础（二）—— 解决jQuery冲突

项目中，jQuery冲突很常见，又容易带来各种奇葩的问题，单独整理。冲突就是指一个项目中可能会使用多个框架，不同的框架又使用相同的符号、方法等，就会造成冲突。比如jQuer

￡神魔★判官ぃ/ 2022年03月26日 14:17/ 0 赞/ 165 阅读

相关 jQuery.noConflict() 方法—— jquery库与其他库冲突的问题解决

在使用jQuery开发的时候，可能还会使用到其他的JS库，比如Prototype，但多库共存时可能会发生冲突；若是发生冲突后，可以通过jQuery.noConflict()

客官°小女子只卖身不卖艺/ 2021年12月20日 02:57/ 0 赞/ 238 阅读

相关【layui】layui与JQuery冲突的解决方法

出现的问题 ![在这里插入图片描述][20190521203252285.png]![在这里插入图片描述][20190521203308573.png] 当在使用la

深碍√TFBOYSˉ_/ 2021年09月28日 15:46/ 0 赞/ 1922 阅读

相关解决jQuery多个版本，与其他js库冲突方法

jQuery多个版本或和其他js库冲突主要是常用的$符号的问题，这个问题 jquery早早就有给我们预留处理方法了，下面一起来看看解决办法。 1.同一页面jQuery多个版本

旧城等待，/ 2021年09月17日 04:46/ 0 赞/ 304 阅读