Метеор: вызов функции после отображения шаблона с данными
У меня есть несколько постов, которые я хочу отображать внутри карусели. Для карусели я используюOwlCarousel.
<div class="owl-carousel" id="featured-carousel">
{{#each featuredPosts}}
<div>
<h2>
{{postTitle}}
</h2>
</div>
{{/each}}
</div>
Я называю свою карусель так:
Template.featuredCarousel.rendered = function(){
$('#featured-carousel').owlCarousel({
loop:true,
autoplay:true,
autoplayTimeout:3000,
items:1,
smartSpeed:1080,
padding:80
});
this.rendered = true;
};
В результате я получаю, что Сова в основном думает, что у меня есть только один элемент для отображения в карусели, который представляет собой несколько элементов div. Очевидно, что происходит то, что функция внутри Template.featuredCarousel.rendered вызывается до того, как будет завершена # каждая часть шаблона или до получения данных.
Как сделать так, чтобы функция создания карусели вызывалась только после полной визуализации шаблона, включая все данные?
Большое спасибо за Вашу помощь.
П.С .: Я использую железо-роутер для маршрутизации так:
Router.map(function(){
this.route('home', {
path: '/',
waitOn: function(){
return Meteor.subscribe('featured');
},
data: function(){
return {featuredPosts: Featured.find({})};
}
});
});
П.П.С .: Я также пытался использовать шаблон загрузки, но это тоже не помогает.