2. 程序综合区
  3. Discuz!X 的JS 与 JQuery 冲突 解决办法

2核1G3M服务器88一季度

腾讯云，阿里云百度云等 折扣价→点我←

Discuz!X 的JS 与 JQuery 冲突 解决办法 discuz 教程

公共账号 管理员组
众所周知，Discuz!X拥有自己的JS类，当我们需要添加更好的网页动画效果就需要使用到JQuery等框架。那么，在开发Discuz!X前台的同时，如何将JQuery完美兼容至Discuz!X呢？网上也有几种解决办法！

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

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


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


替换为： 
jQuery(document).ready(function(){
       jQuery("#scbar").stop().animate({right: "300px"},{queue:false, duration:3000, easing: 'easeOutBounce'})
}


站长窝论坛版权声明 1、本帖标题：Discuz!X 的JS 与 JQuery 冲突 解决办法
2、论坛网址：站长窝论坛
3、站长窝论坛的资源部分来源于网络，如有侵权，请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。
5、站长窝论坛一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本帖由公共账号在站长窝论坛《程序综合区》版块原创发布， 转载请注明出处！
收藏的用户（0） X
正在加载信息~
上一篇：FTP 类 class_ftp.php 使用说明
下一篇：图片处理类 class_image.php 使用说明
评论
最新回复 (0)
返回
发新帖
作者最近主题
相关贴子