网站首页里面的JS发生冲突怎么解决?
不知道是哪个JS文件与下面一段JS发生冲突,删除了下面这段就一切正常,但这段也是必须要的,请问下面这段JS应该怎么修改才能不发生冲突?<script>var$=funct...
不知道是哪个JS文件与下面一段JS发生冲突,删除了下面这段就一切正常,但这段也是必须要的,请问下面这段JS应该怎么修改才能不发生冲突?
<script> var $ = function(s){ return document.getElementById(s); } //参数配置 slide.init({ //width: 100%, // 焦点图宽度(非必须,默认值自适应) height: 390, // 焦点图高度(非必须,默认值自适应) auto: true, // 是否自动切换(非必须,默认值 false) interval: 5000, // 切换间隔时间(非必须,默认值 3000,当 auto 为 true 时有效) targetId: 'slide', // html 对应的焦点图 ID(必须) data: $('_slide').getElementsByTagName('li').length// 焦点图数据(必须) }); </script><script>window.onerror=function(){return true;};</script> 展开
<script> var $ = function(s){ return document.getElementById(s); } //参数配置 slide.init({ //width: 100%, // 焦点图宽度(非必须,默认值自适应) height: 390, // 焦点图高度(非必须,默认值自适应) auto: true, // 是否自动切换(非必须,默认值 false) interval: 5000, // 切换间隔时间(非必须,默认值 3000,当 auto 为 true 时有效) targetId: 'slide', // html 对应的焦点图 ID(必须) data: $('_slide').getElementsByTagName('li').length// 焦点图数据(必须) }); </script><script>window.onerror=function(){return true;};</script> 展开
1个回答
展开全部
应该是与jquery库冲突了,
你把你给的这个$定义个别的
var aa = function(s){
return document.getElementById(s);
} }
data: aa('_slide').getElementsByTagName('li').length// 焦点图数据(必须)
这两个稍微对应着改下,还不行的话追问
更多追问追答
追问
感谢您的解答,按你说的把$改为aa后,另一个JS正常,但这个效果没有出来,因为这个效果还要引用一个JS文件,代码很长,不知道对应的怎么改啊
追答
替换应该就可以了,将那个引用的JS文件中的$全部换成aa就行了
或者使用jQuery自带的解除冲突的方法,自己搜一下 jQuery解除冲突,别人的解释应该会很详细,我就不贴了
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询