今天遇到某个网站的首页大图突然不在了,因为网站以前正常所以先去看了下图片和样式,发现没有问题。页面中用到jQuery和一个插件Jquery NivoSlider Slider用Chrome开发工具提示TypeError: $(...).nivoSlider is not a function。搜索了下才知道是因为 jQuery 控制权的问题。
把javascript修改成以下的就没问题了:
var j = jQuery.noConflict(); //使用 noConflict() 方法为 jQuery 变量规定新的名称
j.ready(function () {
j('#slider').nivoSlider({
pauseOnHover: true,
pauseTime:4000
});
});
var $ = jQuery.noConflict();// 把$ 作为变量名交回jQuery,以便下面使用