0

First time working with owl.carouse, and i cant seem to get it to work.

My html setup is this. And i want the PakWrapper to be the slide items. So i get 3 product li inside.

<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>

the owl 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>

Can you tell me why it dont work??

Patrick Knudsen
  • 281
  • 1
  • 3
  • 12

1 Answers1

0

Sometimes i don´t get why it. but i changed the $ alias to jQuery and it worked.

Vincent G
  • 8,547
  • 1
  • 18
  • 36
Patrick Knudsen
  • 281
  • 1
  • 3
  • 12