|
|
众所周知,Discuz!X拥有自己的JS类,当我们需要添加更好的网页动画效果就需要使用到JQuery等框架。那么,在开发Discuz!X前台的同时,如何将JQuery完美兼容至Discuz!X呢?网上也有几种解决办法!
第一步:在 JQuery官方 下载放到 ./static/js 目录下;
第二步:查找 ./template/default/common/header_common.htm,在第 17行
的后面,添加代码:
- <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'})
- }
复制代码
|
|