三国畅游网

那天我在项目里鼓捣新功能，本来用的是layui框架，做后台界面挺顺手的。结果，心血来潮加了点jquery的插件进去，想弄点动态效果，没想到页面直接炸了，js报错一堆，按钮点不动，弹窗也不弹了。

我当时就蒙了，寻思着layui和jquery这俩怎么搞不一起去？查了一下控制台提示，发现是$符号打起来了，layui用$的地方被jquery占了位置。

自己瞎折腾一遍

我先上网翻教程，看有人分享经验，说改文件的加载顺序就行。我试着把jquery的引用提到layui前头，结果问题没变，页面还是乱糟糟的。

又查了查，有哥们说用jquery的noConflict()功能，能把$让出来。我照猫画虎在项目里加了点代码：

小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区

• 在引入jquery脚本后，加上一行：var jq = *();
• 以后再用jquery的地方，全换成jq开头，比如jq("#mybutton").click()

但改完之后，页面居然还是报错，功能完全没恢复。折腾了半个多钟头，脑瓜疼，差点想放弃了。

终于找到根儿

后来又翻论坛，发现layui的组件有些自带依赖，一不小心就冲突了。我仔细瞅了项目文件，发现有地方用了layui的form模块，它偷偷引了jquery的旧版本，跟新加的版本干架了。

我把整个布局调整了下：

• 把jquery引用固定放最前面



• 紧跟noConflict()那句：var myJq = *();
• 然后才加layui的脚本

调整后刷新页面，哗的一下，问题全没了，按钮也能点，弹窗正常弹，数据也加载顺利了。

整完这事儿，真心觉得这冲突看着小，处理起来挺费劲的。以后写项目得注意顺序了，别随便瞎加东西，省得再折腾大半天。