我正尝试在我的着陆页上设置一个 Owl Carousel 。当我从我的工作目录浏览它时,它工作正常。但是当我将它上传到服务器(甚至在本地服务器)时,它在 css 中设置了 display:none 。 我尝试更改 css 和 js 文件,但它不起作用。
这是我的代码---
$(document).ready(function(){
jQuery("#main-slider").owlCarousel({
autoplay:true,
loop:true,
animateOut: 'fadeOut',
animateIn: 'fadeIn',
items:1,
margin:30,
stagePadding:30,
smartSpeed:450
});
});
<div id="main-slider" class="owl-carousel owl-theme">
<div class="item">
<img src="img/slider.jpg" alt="" />
</div>
<div class="item">
<img src="img/slider2.jpg" alt="" />
</div>
<div class="item">
<img src="img/slider3.jpg" alt="" />
</div>
</div>
最佳答案
如果您在此页面上多次使用#main-slider id,您可能会遇到错误。使用一次。
关于javascript - Owlcarousel设置上传到服务器时不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47953639/