所遇到的问题:
因为我的门户模板有一个js效果,我需要在门户摸版里面使用jquery函数。但当我引入jquery后,我发现在门户首页使用diy插入模板时,自定义模板失效了。在网上百度后,发现是由于Discuz 和jQuery冲突问题,Discuz使用了$()作为对象选取函数,刚好与jQuery默认的$()函数重合造成冲突。
网上的解决办法:
解决方法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
<script type="text/javascript"src="jquery.js"></script> <script type="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即可。
本文《Discuz!和jQuery冲突问题及解决办法(详细步骤)》由网友投稿或:「admin」整理自网络。
转载请声明来自:云猴子 - https://www.yunhouzi.com/604.html
1,本站所有资源均来源于用户上传或整理与网络,如有侵权请【内容投诉】删除,我们将及时处理!
2,本站资源仅供大家学习和交流,请不要用于商业用途,下载后请于24小时后删除!
3,如果你也有好的资源,可以投稿到本站,有金币奖励和额外的收入!
4,从您进入本站开始,已表示您已同意接受本站【版权声明】中的一切条款!
6,申明:本站资源出售只是赞助,仅用于本站服务器和日常运营所需!不提供任何技术支持。
7,如压缩包提示有密码,www.yunhouzi.com
云猴子 » Discuz!和jQuery冲突问题及解决办法(详细步骤)