晋城生活服务
TypeError: $(...).nivoSlider is not a function
2014-3-30 mazerain

今天遇到某个网站的首页大图突然不在了,因为网站以前正常所以先去看了下图片和样式,发现没有问题。页面中用到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,以便下面使用

 

发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容