Owl Carousel（2.2.1） - 按钮next和Previous不工作

Question

我的猫头鹰旋转木马问题不起作用。它在我的网站上正常显示，但是下一个和上一个按钮都不起作用。

我不确定哪里可能是错误的。一切似乎都没问题。

谢谢。

<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();