MeteorJS - 添加SlickJS afterChange事件

时间:2018-04-28 22:17:54

标签: javascript meteor meteor-blaze slick.js

幻灯片更改时,这些事件都没有触发:

Template.playCarousel.onRendered(function() {
    $("#carousel").on("afterChange", function( event, slick, currentSlide, nextSlide) {
        console.log("Slide changed. Now at: ", currentSlide);
    });
});

Template.playCarousel.events({
    "afterChange #carousel": function( event, slick, currentSlide, nextSlide) {
        console.log("Slide changed. Now at: ", currentSlide);
    }
});

Meteor / Blaze的正确方法是什么?

幻灯片更改时我没有看到日志的原因?

1 个答案:

答案 0 :(得分:0)

根据光滑的页面:http://kenwheeler.github.io/slick/,如果您使用的是v1.4或更高版本,那么您所拥有的底部示例已被弃用或至少不适合MeteorJS。

最好的例子是你正在寻找的,但它现在写的参数也太多了。

$("#carousel").on("afterChange", function(slick, currentSlide) {
    console.log("Slide changed. Now at: ", currentSlide);
});

您只需要slickcurrentSlide作为参数。它可能没有被触发,因为事件无效atm。