当前位置: 首页 > 站长资讯 > 正文页面

discuz下拉菜单与jquery不兼容的问题

jQuery是一个强大优秀的Javascript框架,但是当在DiscuzX上引入其所编写的特效时会有不兼容的问题,其常见的表现为引入jQuery后DIY功能和下拉菜单无法使用。gfX网站目录_网站网址收录与提交入口

其原因是由于jQuery是通过一个全局变量$来引用对象,而DiscuzX的common.js文件加载时也使用了$来引用,这就造成了可能jQuery功能有问题或者是下拉菜单无法使用的问题,其具体表现是后加载的功能正常,先加载的功能失效。gfX网站目录_网站网址收录与提交入口

解决思路gfX网站目录_网站网址收录与提交入口

对于jQuery除了$还有另外一个全局调用对象的方法,这个就是使用库本身的名称jQuery。gfX网站目录_网站网址收录与提交入口

在jQuery下$("div");和jQuery("div");是同样的意思,所以我们可以将$送给common.js来使用,而jQuery使用自己所有的jQuery,这样就可以根本解决全局使用冲突的问题了。gfX网站目录_网站网址收录与提交入口

除了common.js和jQuery.js文件,一般的还会涉及到一个控制特效的js文件,特效js文件用到的$方法也要修改。gfX网站目录_网站网址收录与提交入口

具体方法gfX网站目录_网站网址收录与提交入口

1、$让给common.js使用,而jQuery使用jQuerygfX网站目录_网站网址收录与提交入口

打开jQuery的源代码,在文件的最后添加gfX网站目录_网站网址收录与提交入口

jQuery.noConflict();gfX网站目录_网站网址收录与提交入口

2、替换js特效文件中的$符号gfX网站目录_网站网址收录与提交入口

打开js特效文件,搜索gfX网站目录_网站网址收录与提交入口

$(gfX网站目录_网站网址收录与提交入口

替换为gfX网站目录_网站网址收录与提交入口

jQuery(gfX网站目录_网站网址收录与提交入口

保存好所有文件,更新一下缓存,不兼容的问题就一下烟消云散了。gfX网站目录_网站网址收录与提交入口

  

此文由 网站目录_网站网址收录与提交入口 编辑,未经允许不得转载!:

相关文章