Discuz教程网

[插件制作] Discuz X1.5和jQuery冲突的解决办法

[复制链接]
authicon dly 发表于 2011-11-25 21:40:16 | 显示全部楼层 |阅读模式
主要是Discuz X1.5使用了$(id)作为dom节点的获取方法,而$符号刚好与jQuery的默认符号相冲突,一个是优秀的社区系统,一个是出色的js框架,自然希望做到兼容。

以下是基于之前的Discuz和jQuery冲突的解决办法在Discuz X1.5上应用,提供给大家做个参考,至于原理请参见前面的文章。
将jQuery的js文件jquery-1.4.min.js放到/static/js目录下,以下两个方法共用此文件,如不是放在该目录下,后面的代码请对应修改。
解决方法1:

修改/template/default/common/header_common.htm,在第16行代码
  1. <!--{csstemplate}-->
复制代码

之后增加以下代码:
  1. <script src="{$_G[setting][jspath]}jquery-1.4.min.js?{VERHASH}" type="text/javascript"></script>
复制代码

之后用到jQuery的$的地方用jQuery代替。
解决方法2: 修改/template/default/common/header.htm,在第20行代码</head>之前增加以下代码:
  1. <script src="{$_G[setting][jspath]}jquery-1.4.min.js?{VERHASH}" type="text/javascript"></script><script type="text/javascript">  jQuery.noConflict();</script>
复制代码

之后用到jQuery的$的地方用jQuery代替。
注:修改完成后请记得更新一下系统模板缓存才能看到效果,手动删除/data/template/下的所有文件,或在系统管理的工具》更新缓存中更新模板缓存。
更多解决冲突后jQuery的灵活用法请参见Discuz和jQuery冲突的解决办法
枫芸志原创文章,转载请注明来源并保留原文链接



上一篇:Discuz X2版块图标和文字怎么样分开一些
下一篇:Discuz和jQuery冲突的解决办法
authicon sealegend 发表于 2012-1-4 12:57:52 | 显示全部楼层
哈哈 ok ~~~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-5-2 05:31

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表