MeteorJS - 添加 SlickJS afterChange 事件

Question

当幻灯片改变时，这些事件都没有触发：

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 的正确方法是什么？

幻灯片更改时我看不到日志的任何原因？

Answer 1

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

最上面的例子就是你要找的，但它也有太多的参数，因为它现在写的。

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

您只需要 slick 和 currentSlide 作为参数。它可能不会触发，因为该事件在 atm 上无效。

MeteorJS - 添加 SlickJS afterChange 事件

MeteorJS - adding SlickJS afterChange event

javascript

meteor

meteor-blaze

slick.js