Javascript owl转盘更改单击自定义div

Javascript owl转盘更改单击自定义div,javascript,html,jquery,css,owl-carousel,Javascript,Html,Jquery,Css,Owl Carousel,我有一个简单的猫头鹰旋转木马 HTML <div class="owl-carousel"> <div class="item">This is item one </div> <div class="item"> This is item two</div> <div class="item">this is item three</div> <div class="item">th

我有一个简单的猫头鹰旋转木马

HTML

<div class="owl-carousel">
  <div class="item">This is item one </div>
  <div class="item"> This is item two</div>
  <div class="item">this is item three</div>
  <div class="item">this is item four</div>
</div>

<ul class="sl-nav">
  <li>one </li>
  <li>two</li>
  <li>three</li>
  <li>four</li>  
</ul>
包括:

  • owl.carousel.js
  • owl.carousel.min.css
如何强制旋转木马滚动到单击的导航项目

$('.owl-carousel').owlCarousel({
   items: 1,
   loop:true,
   nav:true,
   margin: 10
})