小编hee*_*eya的帖子

Slick 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();
        }
    });
Run Code Online (Sandbox Code Playgroud)

错误:

Uncaught TypeError: Cannot read property 'changeSlide' of undefined 
Run Code Online (Sandbox Code Playgroud)

以此为目标,$(this),$('.slick-container')图库都会产生相同的异常.非常感谢任何帮助,谢谢!

编辑

感谢Sunand的修复!对于处理相同问题的人,只需将方法移出onInit回调即可.显然,当调用onInit时,光滑的实例未完全初始化.这是正确的代码:

var gallery = $('.slick-container');
    gallery.slick({
        speed:100,
        dots:true,
    });

gallery.slickNext();
Run Code Online (Sandbox Code Playgroud)

javascript jquery carousel

1
推荐指数
1
解决办法
5266
查看次数

标签 统计

carousel ×1

javascript ×1

jquery ×1