光滑的滑块init不会触发

时间:2016-11-28 16:13:04

标签: jquery slick-slider

我使用Slick Slider(http://kenwheeler.github.io/slick/)作为滑块,并尝试将当前幻灯片放入标题中。

代码:

var $el = $('.mgu-basic-slider');

$el.on('init'), function() {
    console.log('dd');
}
$el.slick({
     dots:false,
    adaptiveHeight: true,
    arrows : true
})

$el.on('reInit afterChange', function(event, slick, currentSlide, nextSlide){
var i = (currentSlide ? currentSlide : 0) + 1;
$( ".slick-counter" ).text(i + '/' + slick.slideCount);
});

似乎,inti-function不起作用,任何想法为什么?谢谢你的帮助

1 个答案:

答案 0 :(得分:4)

4年后...但是希望对某人有所帮助...您需要在滑块之前绑定init并正确格式化jQuery。不确定reInit。

var $el = $('.mgu-basic-slider');

$el.on('init', function(slick) { // <-- Your code here was malformed
    console.log('Init');
});

$el.slick({
    dots:false,
    adaptiveHeight: true,
    arrows : true
});

相关问题