Метеор: вызов функции после отображения шаблона с данными

У меня есть несколько постов, которые я хочу отображать внутри карусели. Для карусели я использую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({})};
    }
});
});

П.П.С .: Я также пытался использовать шаблон загрузки, но это тоже не помогает.

Ответы на вопрос(2)

Ваш ответ на вопрос