我的猫头鹰旋转木马问题不起作用。它在我的网站上正常显示,但是下一个和上一个按钮都不起作用。
我不确定哪里可能是错误的。一切似乎都没问题。
谢谢。
<ul class="tab-list owl-carousel nav-style7 nav-center-center owl-theme owl-loaded">
<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1522px, 0px, 0px); transition: 0s; width: 4870.4px;"><div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"><li>
<img src="#">
<a class="overlay" href="#" target="_blank">
<div class="wrapper">
<i class="fa fa-instagram"></i>
<p>insta 2</p>
</div>
</a>
</li></div><div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"><li>
<img src="#">
<a class="overlay" href="#" target="_blank">
<div class="wrapper">
<i class="fa fa-instagram"></i>
<p>insta 3</p>
</div>
</a>
</li></div><div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"><li>
<img src="#">
<a class="overlay" href="#" target="_blank">
<div class="wrapper">
<i class="fa fa-instagram"></i>
<p>insta 4</p>
</div>
</a>
</li></div><div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"><li>
<img src="#">
<a class="overlay" href="#" target="_blank">
<div class="wrapper">
<i class="fa fa-instagram"></i>
<p>insta 5</p>
</div>
</a>
</li></div><div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"><li>
<img src="#">
<a class="overlay" href="#" target="_blank">
<div class="wrapper">
<i class="fa fa-instagram"></i>
<p>insta 6</p>
</div>
</a>
</li></div><div class="owl-item active" style="width: 304.4px; margin-right: 0px;"><li>
<img src="#">
<a class="overlay" href="#" target="_blank">
<div class="wrapper">
<i class="fa fa-instagram"></i>
<p>insta 1</p>
</div>
</a>
</li></div><div class="owl-item cloned" style="width: 304.4px; margin-right: 0px;"><li>
<img src="#">
<a class="overlay" href="#" target="_blank">
<div class="wrapper">
<i class="fa fa-instagram"></i>
<p>insta 5</p>
</div>
</a>
</li></div></div></div><div class="owl-controls"><div class="owl-nav"><div class="owl-prev" style="">prev</div><div class="owl-next" style="">next</div></div><div class="owl-dots" style="display: none;"></div></div></ul>
这是我使用的JavaScript代码。我不确定我是否以正确的方式使用它。
$(".owl-carousel").owlCarousel();