由于 JQuery 的效果很好,在制作模板时难免会用到各种 jquery 效果。可是做过模板的人就会发现加上自己的 juery 代码后,discuz 自带的一些下拉功能就不可以使用了,其实原因就是 discuz 和 JQuery 的 $发生冲突,导致有些功能失效。在网上找了一些资料整理了一下,希望能够帮到大家,同时也希望 discuz 能尽快解决这个问题。
方法一:
1 、使用到的 JS 文件无需修改 (也就是 juery 核心文件)
2 、在页面的最头部,也就是<head> 标签下的第一行开始引入我们用到的 JS 文件,这是为了能确保该 JS 可以在 DZ 默认 JS 之前加载。
3 、在引用到该 JS 文件的地方把 $改成 jQuery(注意大小写)。
如上方式,一般都能解决大部分的 JS 不兼容情况。如果还是米哟解决的话尝试一下方法:
将用到的 JS 里面的所有 $全部替换成 jQuery 。
方法二:
DZ 使用了 $() 作为对象选取函数,刚好与 jQuery 默认的 $() 函数重合造成冲突,同样也是为了保持原有的 DZ 程序不被更改,所以我们要在 JQ 上修改了。不需要修改 jquery.js 这个文件。只要在引用的时候修改一下即可。
<script src="style/js/jquery.js" type="text/javascript"></script>
这是引用一个 jquery 核心文件,然后在其下面加上:
<script type="text/javascript">var MUXIUBA_JQ = jQuery.noConflict();</script>
红色字体 MUXIUBA_JQ 自定义的,主要就是要注意大小写。
然后把我们使用的 js 文件里面的所有 $都换成我们自定义的这个值 MUXIUBA_JQ ,大小写要相同。
建议使用第二种方法,如果要用到多个版本的 JQ 文件的话,就是在每个下面加上这句就好了。如:
<script src="style/js/jquery.1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">var MUXIUBA_JQ = jQuery.noConflict();</script>
<script src="style/js/jquery.1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">var MUXIUBA_JQ_2 = jQuery.noConflict();</script>
注意:只要两个自定义的值不相同,各自使用的 js 语句里面把 $改成相应的值就 OK 了。