Slick Carousel无法调用方法

时间:2014-09-22 19:53:13

标签: javascript jquery carousel

我有几个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();

1 个答案:

答案 0 :(得分:6)

我在升级slick.js后注意到很多方法,比如slickPrev()等都没了。看起来现在调用它们的方式似乎是

$('selector').slick('slickPrev');