Javascript 猫头鹰转盘停止工作

昨天我在我的网站上添加了jqueryowlcarousel。它工作得很好。今天它不知怎么地停止了工作，我无法让它工作。html的标记是

 <div class="vyrobky">

<div class="vyrobky_holder">
    <div class="owl-carousel">
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>
    <div class="item"> <a href="zabradlia/5.jpg" data-lightbox="one"><img src="zabradlia/5.jpg" ></a></div>

</div>
</div>

</div>

在owl-carousel.min.js中，当脚本添加到站点时，将执行它。 为什么突然停止工作

---

此外，当我检查网站为什么没有显示任何东西时，html就在那里，owl转盘有

display:none

，但仅此而已，当我将display设置为block或remove display none时，它会显示html而不显示样式，例如，我没有包含owl转盘cs或js文件。导航器（例如owl next/prev）甚至不在那里。

检查浏览器控制台是否有错误，或者在加载页面时从浏览器控制台尝试此操作。

$（'.owl carousel'）。owlCarousel（{loop:true，margin:10，responsiveClass:true，responsiveClass:true，responsive:{0:{items:1，nav:true}，980:{items:1，nav:false}，1000:{items:5，nav:true，loop:false}，1440:{items:3，nav:true，loop:false}1600:{items:3，nav:true，loop:false}）

当我第一次在控制台中执行代码时。它抛出未捕获的TypeError:$（…）。owlCarousel不是函数（…），第二次运行。当您第二次运行时，consoleok中没有其他错误。旋转木马开始工作了吗？没有。我计算出来了。我包括了最新的jquery…奇怪的是，昨天它与jquery一起工作，我最初包括了它。

<script class="delete_script" src="owl.carousel.min.js"></script>

<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    responsiveClass:true,
    responsive:{
        0:{
            items:1,
            nav:true
        },
        980:{
            items:1,
            nav:false
        },
        1000:{
            items:5,
            nav:true,
            loop:false
        },
        1440:{
             items:3,
            nav:true,
            loop:false
        }
        1600:{
             items:3,
            nav:true,
            loop:false
        }


    }
})