ブレイズ ヘルパーを起動して 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: 私は、これを機能させるために他の方法を受け入れています。