MeteorJS Owl Carousel


#1

Hello. I’m trying to use owl carousel with my meteor project but it looks like something is wrong.
My code is:

In Body of main.html:

{{>carousel}}

<div class="owl-carousel">
    <div class="item"><h4>1</h4></div>
    <div class="item"><h4>2</h4></div>
    <div class="item"><h4>3</h4></div>
    <div class="item"><h4>4</h4></div>
    <div class="item"><h4>5</h4></div>
    <div class="item"><h4>6</h4></div>
    <div class="item"><h4>7</h4></div>
    <div class="item"><h4>8</h4></div>
    <div class="item"><h4>9</h4></div>
    <div class="item"><h4>10</h4></div>
    <div class="item"><h4>11</h4></div>
    <div class="item"><h4>12</h4></div>
</div>

main.js

$(’.owl-carousel’).owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:5
}
}
})

I followed all the steps from basic demo and my package is: richsilv:owl-carousel .
But when I’m entering on my website (local website) this carousel is not showing up. Can someone help me? Thanks.


#2

were you able to fix it…? Did you try putting your js in onRedered template ?

Cheers,