解决discuz默认js冲突与新引入的js冲突jQuery冲突问题

烈火大地 · 发表于 2018-9-17 14:19:21

discuz论坛默认的js文件和新引入的js文件有冲突，首先思路很简单，就是discuz占用了$()，那么jQuery中我就不用这个函数，其实jQuery已经给出了解决方案，就是用var 自定义函数名 = jQuery.noConflict();来置换jQuery中的$，然后在jQuery中所有应用到$的地方都替换成这个自定义函数名。下面说一下步骤：

1、打开discuz中共用的header.hrm文件，在<script type="text/javascript" src="{$jspath}common.js?{VERHASH}"></script>下面加载jQuery<script type="text/javascript" src="{$jspath}jquery.js?{VERHASH}"></script>。

2、这里两种情况，一种是直接在文档中写js代码

<script language="javascript" type="text/javascript">
<!--
var jq = jQuery.noConflict();
jq(document).ready(function(){
jq("select").sSelect();
})
-->
</script>

复制代码

这里我自定义的函数名就是jq，还有一种情况是外链一个js文件，情况是一样的，只要在这个js文件开头加上var jq = jQuery.noConflict();，然后下面用到$的地方都替换为自定义函数名jq就可以了。

其实很简单，就一句话概括：一个思路，两个步骤。

注：这个方法可以应用到所有与jQuery因$()重复引起的冲突问题中，这里只是一个小小的应用！

解决discuz默认js冲突与新引入的js冲突jQuery冲突问题

相关帖子