猫头鹰轮播更改点击自定义div

Question

我有一个简单的猫头鹰传送带。

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>

JS

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

包含：

• owl.carousel.js
• owl.carousel.min.css

如何强制轮播滚动到单击的导航项目？