返回列表 发新帖
查看: 553|回复: 0

[Discuz!二次开发] Discuz!X 的JS 与 JQuery 冲突 解决办法

[复制链接]

6671

热度

1万

元宝

262

贡献

管理员

DZ专员

发表于 2015-3-5 10:14:55 | 显示全部楼层 |阅读模式
众所周知,Discuz!X拥有自己的JS类,当我们需要添加更好的网页动画效果就需要使用到JQuery等框架。那么,在开发Discuz!X前台的同时,如何将JQuery完美兼容至Discuz!X呢?网上也有几种解决办法!

第一步:在 JQuery官方 下载放到 ./static/js 目录下;

第二步:查找 ./template/default/common/header_common.htm,在第 17行
  1. <!--{csstemplate}-->
复制代码
的后面,添加代码:
  1. <script src="{$_G[setting][jspath]}jquery.js?{VERHASH}" type="text/javascript"></script>
复制代码


第三步:在使用到 JQuery的$的地方用jQuery代替。
示例 JQuery 代码:
  1. $(document).ready(function(){
  2.        $("#scbar").stop().animate({right: "300px"},{queue:false, duration:3000, easing: 'easeOutBounce'})
  3. }
复制代码


替换为:
  1. jQuery(document).ready(function(){
  2.        jQuery("#scbar").stop().animate({right: "300px"},{queue:false, duration:3000, easing: 'easeOutBounce'})
  3. }
复制代码


返回列表 发新帖
 懒得打字嘛,点击右侧快捷回复【最新发布】   【赞助草根吧享更多权益】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

收藏帖子 返回列表 搜索

Powered by Discuz! X5.0

© 2001-2026 Discuz! Team.

小黑屋|手机版|草根吧