Tengo varias publicaciones que quiero mostrar dentro de un carrusel. Para el carrusel, yo usoBúhoCarrusel.

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

Llamo a mi carrusel así:

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

El resultado que obtengo es que Owl básicamente piensa que solo tengo un elemento para mostrar en el carrusel, que son múltiples divs. Lo que aparentemente sucede es que se llama a la función dentro de Template.featuredCarousel.rendered antes de que se complete el # cada parte de la plantilla o antes de que lleguen los datos.

¿Cómo puedo hacer que la función de instanciar el carrusel solo se invoque después de que la plantilla se haya procesado por completo, incluidos todos los datos?

Muchas gracias por su ayuda.

P.S .: Yo uso enrutador de hierro para el enrutamiento de esta manera:

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

P.P.S .: También he intentado usar una plantilla de carga, pero eso tampoco ayuda.