一个资源分享、信息整合的综合性站点。

标题: discuz引入jquery后，不能diy，冲突问题及解决办法（详细步骤） [打印本页]

作者: 树苗收集系 时间: 2020-9-11 22:36
标题: discuz引入jquery后，不能diy，冲突问题及解决办法（详细步骤）
[b]所遇到的问题：[/b]

因为我的门户模板有一个js效果，我需要在门户摸版里面使用jquery函数

但当我引入jquery后，我发现在门户首页使用diy插入模板时，自定义模板失效了。

在网上百度后，发现是由于Discuz 和jQuery冲突问题，Discuz使用了$()作为对象选取函数，刚好与jQuery默认的$()函数重合造成冲突。

[b]网上的解决办法：[/b]

解决方法1：
将jquery.js在common.js之前载入，不然jquery的$()函数会覆盖common.js的$()函数；然后用到jQuery的$()函数的地方都用jQuery()代替。

解决方法2：
将jquery.js在common.js之后载入，在调用jQuery的函数前使用一下代码：var jQuery = jQuery.noConflict();

个人感觉过于笼统，所以我把我具体解决的办法写出来：

1.因为 common.js是在head.htm中引入的，我自己的jquery.js是在index，htm中引入的，所以确认可以使用解决方法2；
（如果大家不是像我这样引入的，需要具体判断两个js谁先载入，建议大家直接查看浏览器中页面的源代码，搜索 common.js和head.htm谁在前，谁在后）

2.“在调用jQuery的函数前使用一下代码：var jQuery= jQuery.noConflict();” 这句话的具体操作是，在自己写的js文件里面最开头加入“var jQuery = jQuery.noConflict();”
例如我引入jquery.js后，在引入自己的home.js
<scripttype="text/javascript"src="jquery.js"></script>
<scripttype="text/javascript"src="home.js"></script>

需要在自己的home.js 文件中的最开头，加入var jQuery = jQuery.noConflict();

3. 将home.js 文件中所以的$改为jQuery
备注：var jQuery = jQuery.noConflict() 中的红色 jQuery可以自己定义，可以定义为var jq = jQuery.noConflict() 那么$替换为相应的jq即可。

然后，在点击门户首页，diy就可以使用了

作者: 撒哈拉的泪 时间: 2020-9-12 11:58
前来围观，LZ好样的！

作者: 树上的向日葵 时间: 2020-9-13 23:16
还是看不懂，复杂

作者: 薄荷少年微微凉 时间: 2020-9-15 15:28
前来围观，LZ好样的！

作者: 青栀琉璃裙 时间: 2020-9-19 14:45
抢楼了，前排第一次啊

欢迎光临一个资源分享、信息整合的综合性站点。 (https://sorv.cn/)