0

ブレイズ ヘルパーを起動して Flickity Carousel を動作させようとしています。次のエラーがあります:

Exception in template helper: TypeError: $(...).flickity is not a function

カルーセル テンプレートのヘルパーは次のとおりです。

Template.carouselTemplate.onCreated(function bodyOnCreated() {
  this.state = new ReactiveDict();
  Meteor.subscribe('albums');
})

Template.carouselTemplate.helpers({
  albums() {
    return Albums.find({});
  },
  initializeCarousel () {
    $('.carousel').flickity({
      // options
      "lazyLoad": true
    });
  }
});

そしてテンプレート自体:

<template name='carouselTemplate'>

<div class="carousel">

   {{#each albums}}
   <div class="carousel-cell">
     <img src={{cover}} alt="cat nose" />
   </div>
   {{/each}}
   {{initializeCarousel}}

</div>

<template />

PS: 私は、これを機能させるために他の方法を受け入れています。

4

1 に答える 1