Owl Carousel Won't Autoplay

Question

I'm using the Owl Carousel on my site. According to their documentation, this piece of JavaScript should work:

<script> $("#intro").owlCarousel({  // Most important owl features  //Autoplay autoPlay : 5000, stopOnHover : false )} </script> 

But for some reason it will not autoplay. Here is the HTML of the slider:

<div id="intro" class="owl-carousel">     <div class="item first">       <div class="container">         <div class="row">           <div class="carousel-caption-left colour-white">             <h2>Title Text</h2>             <h1>Sub title text here.</h1>             <p>If you like you can even add a sentence or two here.</p>           </div>         </div>       </div>       <div class="overlay-bg"></div>     </div>     <div class="item second">       <div class="container">         <div class="carousel-caption-left colour-white">           <h2>Title Text</h2>           <h1>Sub title text here.</h1>           <p>If you like you can even add a sentence or two here.</p>         </div>       </div>       <div class="overlay-bg"></div>     </div>     <div class="item third">       <div class="container">         <div class="carousel-caption-left colour-white">           <h2>Title Text</h2>           <h1>Sub title text here.</h1>           <p>If you like you can even add a sentence or two here.</p>         </div>       </div>       <div class="overlay-bg"></div>     </div> </div> 

Answer 1

Yes, its a typing error.

Write

autoPlay

not

autoplay

The autoplay-plugin code defines the variable as "autoPlay".

Answer 2

You are may be on the wrong owl's doc version.

autoPlay is for 1st version  autoplay is for 2nd version