Discuz X1.5和jQuery冲突的解决办法



    主要是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行代码

    <!--{csstemplate}-->

    之后增加以下代码:

    <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>之前增加以下代码:

    <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 X1.5和jQuery冲突的解决办法
    标签:
    分享:

还没有人抢沙发呢~

无觅相关文章插件,快速提升流量