Question

我使用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不起作用，任何想法为什么？谢谢你的帮助

Answer 1

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
});

光滑的滑块init不会触发

1 个答案: