discuz引入jquery后,不能diy,冲突问题及解决办法(详细步骤)

[复制链接]
树苗收集系 发表于 2020-9-11 22:36:55 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
[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就可以使用了

回复

使用道具 举报

精彩评论4

撒哈拉的泪 发表于 2020-9-12 11:58:37 | 显示全部楼层
前来围观,LZ好样的!
回复

使用道具 举报

树上的向日葵 发表于 2020-9-13 23:16:41 | 显示全部楼层
还是看不懂,复杂
回复

使用道具 举报

薄荷少年微微凉 发表于 2020-9-15 15:28:53 | 显示全部楼层
前来围观,LZ好样的!
回复

使用道具 举报

青栀琉璃裙 发表于 2020-9-19 14:45:43 | 显示全部楼层
抢楼了,前排第一次啊
回复

使用道具 举报

发布主题
推荐阅读 更多
阅读排行 更多
广告位
全国统一客服电话
400-1234-5678

24x7小时免费咨询

  • 官方在线客服

    QQ客服:小西

    点击交谈

    QQ客服:良子

    点击交谈

    QQ客服:闵月

    点击交谈
  • 安徽省合肥市高新区创新产业园

  • 手机扫码查看手机版

    手机查找资源更方便

  • 扫一扫关注官方微信

    加入官方微信群