猫头鹰 - 旋转木马停止工作

时间:2016-02-12 14:24:20

标签: javascript jquery owl-carousel

昨天我将jquery owl-carousel添加到我的网站。它工作得很好。今天它以某种方式停止了工作,我无法使其工作。 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>

我用ajax加载它。我还添加了

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

在网站上,(我也使用灯箱和faterlight)

我正在执行

$('.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
        }


    }
})
在catl-carousel.min.js中

,以便在将脚本添加到站点时执行它。 为什么这会突然停止工作?

当我检查网站为什么没有显示时,html就在那里,owl-carousel有display:none但是这就是全部,当我设置显示阻止或删除display none时,它显示没有样式的html,例如像我没有包含owl-carousel cs或js文件。导航员例如owl-next / prev甚至不在那里。

0 个答案:

没有答案