昨天我将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甚至不在那里。