正文 794字数 47,112阅读

做Discuz模板的都知道Discuz与jQuery不兼容，会造成DIY功能和下拉菜单无法使用，以前经常遇到这个问题都是跳过去，今天跳不过去了只好硬着头皮找方法，网上相关方法很多，但对于不熟悉Javascript的人来说看了都是一头雾水，下面我来讲一讲如何解决这个问题。
一、冲突原因（看不懂的跳过）
jQuery是通过一个全局变量$来引用的，而Discuz的common.js文件加载时也占用了$。因而冲突的根源就是全局变量$。说得明白点：当jQuery和common.js共存的时候，$究竟是谁？
分析jQuery和common.js的源代码可以知道，这两个库在加载的时候都会占用$变量。因此，按照覆盖的原理，谁后加载，$变量就是谁。

二、解决思路
除了$，jQuery还占用了另外一个变量作为别名，这个别名就是库本身的名称jQuery
在jQuery下
$("div");
Run code
Cut to clipboard

    和
    jQuery("div");
    Run code
    Cut to clipboard


      是同样的意思，所以我们可以将$送给common.js来使用，而jQuery使用jQuery这个代号。
      除了common.js和jQuery.js文件，一般还会涉及到一个控制特效的js文件，了解了这些问题后就可以进行下面的操作了。
      三、解决冲突的方法
      1、将$送给common.js
      打开jQuery的源代码，在最后面添加
      jQuery.noConflict();
      Run code
      Cut to clipboard

        2、替换特效JS文件中的$符号
        打开特效JS文件，搜索
        $(
        Run code
        Cut to clipboard
          替换为
          jQuery(
          Run code
          Cut to clipboard


            保存好所有文件，更新一下缓存，问题就都解决了，看看是不是不冲突了。