未捕获的TypeError：undefined不是函数-使用Owl Carousel

Question

我在Magento网站上使用了Owl Carousel，并且可以正确显示幻灯片，但是无法使用其中的任何功能来控制滑块...这是我的html代码：

<div id="main-slider" class="owl-carousel mobile-slider">
<div class="item">{{block type="cms/block" block_id="block_slide1"}}</div>
<div class="item">{{block type="cms/block" block_id="block_slide2"}}</div>
<div class="item">{{block type="cms/block" block_id="block_slide3"}}</div>
<div class="item">{{block type="cms/block" block_id="block_slide4"}}</div>
<div class="item">{{block type="cms/block" block_id="block_slide5"}}</div>
</div>

这是我直接放在上述html之后的控件：

jQuery(document).ready(function(){
  jQuery('#main-slider').owlCarousel({

    singleItem: true,
    slideSpeed: 200,
    stopOnHover: true,
    navigation: true
  }); 
});

这是我返回的控制台错误：

在标题中，我有：

<link rel="stylesheet" type="text/css" href="js/nwdthemes/owl-carousel/owl.carousel.css" />
<link rel="stylesheet" type="text/css" href="js/nwdthemes/owl-carousel/owl.theme.css" />
<link rel="stylesheet" type="text/css" href="js/nwdthemes/owl-carousel/owl.transitions.css" />
<script type="text/javascript" src="js/nwdthemes/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/nwdthemes/owl-carousel/owl.carousel.min.js"></script>

这是轮播的输出，“ singleItem：true”似乎不起作用，因为它一次显示2张幻灯片：

Answer 1

{
    // ...
    stopOnHover: false,
    autoplayHoverPause:true,
    // ...
}