我有几个Slick Carousel图库的实例设置正常。但是,我无法成功调用文档中描述的方法。 (http://kenwheeler.github.io/slick/)
每当我尝试定位轮播的现有实例时,我都会收到以下错误:"未捕获的TypeError:无法读取属性' changeSlide'未定义的。"我试图在图库启动后自动转到下一张幻灯片。
我把这个jsfiddle放在一起来复制这个问题: http://jsfiddle.net/d32x7nqp/
var gallery = $('.slick-container');
gallery.slick({
speed:100,
dots:true,
onInit: function(){
gallery.slickNext();
}
});
错误:
Uncaught TypeError: Cannot read property 'changeSlide' of undefined
定位这个,$(this),$(' .slick-container')和 gallery 都会产生相同的异常。非常感谢任何帮助,谢谢!!
感谢Sunand的修复!对于处理相同问题的人,只需将方法移出onInit回调即可。显然,当调用onInit时,光滑的实例未完全初始化。这是正确的代码:
var gallery = $('.slick-container');
gallery.slick({
speed:100,
dots:true,
});
gallery.slickNext();
答案 0 :(得分:6)
我在升级slick.js后注意到很多方法,比如slickPrev()等都没了。看起来现在调用它们的方式似乎是
$('selector').slick('slickPrev');