时间戳

首页 > 解决方案 > MeteorJS - 添加 SlickJS afterChange 事件

javascript - MeteorJS - 添加 SlickJS afterChange 事件

问题描述

幻灯片更改时，这些事件都不会触发：

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

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

标签： javascriptmeteormeteor-blazeslick.js

解决方案

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

最上面的例子是你正在寻找的，但它也有太多的论据，因为它现在已经写好了。

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

你只需要slick和currentSlide作为参数。它可能不会被触发，因为该事件是无效的 atm。

推荐阅读