owl.carousel help - Nicht zeigen enything

Question

Das erste Mal mit owl.carouse arbeiten, und ich kann es nicht funktionieren.

Mein HTML-Setup ist dies. Und ich möchte, dass der PakWrapper die Folie ist. So bekomme ich 3 Produktli innen.

<div id="owl-demo" class="category-products"> 
    <div class="pakWrapper item"> 
     <ul class="product-list"> 
      <li class="item"></li> 
      <li class="item"></li> 
      <li class="item"></li> 
     </ul> 
    </div> 
    <div class="pakWrapper item"> 
     <ul class="product-list"> 
      <li class="item"></li> 
      <li class="item"></li> 
      <li class="item"></li> 
     </ul> 
    </div> 
</div> 

die Eule Code

<script> 

$(document).ready(function() { 

    $("#owl-demo").owlCarousel({ 

     autoPlay: 3000, //Set AutoPlay to 3 seconds 

     items : 1, 
     loop : true, 
     nav: true, 
     itemsDesktop : [1199,3], 
     itemsDesktopSmall : [979,3] 

    }); 

}); 

</script> 

Sie mir sagen, warum es nicht funktionieren ??

Answer 1

Manchmal verstehe ich nicht warum. aber ich habe den $ Alias ​​in jQuery geändert und es hat funktioniert.