Javascript 猫头鹰转盘（2.2.1）-按钮“下一个”和“上一个”不起作用

我的猫头鹰转盘有问题，它不工作。这是正常显示在我的网站，但按钮下一步和上一步不工作

我不确定哪里会出错。一切似乎都很好

多谢各位

<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>

---

第一件事：永远不要发布“已处理”的代码。您的问题的HTML已经由Owl carousel处理，这使我们无法正确帮助您。话虽如此，它似乎工作正常（请参阅）。但是，如果你只是使用div而不是ul/li，那会更好，因为你最终会得到无效的代码（你不能将div作为ul的直接子代，在有效的HTML中）。嗨，谢谢你的回复，是的，它在jsfiddle中工作，但在我的web上它不工作，我只有静态图片。我找不到错误。我发现了我的错误，那是通过javascript发布owl转盘html。

$(".owl-carousel").owlCarousel();