Tenho várias postagens que quero exibir dentro de um carrossel. Para o carrossel, eu usoCorujaCarrossel.

    <div class="owl-carousel" id="featured-carousel">
        {{#each featuredPosts}}
        <div>
            <h2>
                {{postTitle}}
            </h2>
        </div>
        {{/each}}
    </div>

Eu chamo meu carrossel assim:

Template.featuredCarousel.rendered = function(){
$('#featured-carousel').owlCarousel({
    loop:true,
    autoplay:true,
    autoplayTimeout:3000,
    items:1,
    smartSpeed:1080,
    padding:80
});
this.rendered = true;
};

O resultado é que o Owl basicamente pensa que só tenho um item para exibir no carrossel, que é múltiplo divs. O que aparentemente acontece é que a função dentro de Template.featuredCarousel.rendered é chamada antes de # cada parte do modelo ser concluída ou antes da chegada dos dados.

Como faço para que a função que instancia o carrossel seja chamada apenas depois que o modelo seja totalmente renderizado, incluindo todos os dados?

Muito obrigado pela sua ajuda.

P.S .: Eu uso o iron-router para rotear da seguinte maneira:

Router.map(function(){
this.route('home', {
    path: '/',
    waitOn: function(){
        return Meteor.subscribe('featured');
    },
    data: function(){
        return {featuredPosts: Featured.find({})};
    }
});
});

P.P.S .: Também tentei usar um modelo de carregamento, mas isso também não ajuda.