owl.carousel help - 没有显示enything

Question

第一次使用owl.carouse，我似乎无法使用它。

我的html设置是这样的。我希望PakWrapper成为幻灯片项目。所以我里面有3个产品。

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

猫头鹰代码

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

你能告诉我为什么它不起作用吗？