将其上载在服务器上时，Owlcarousel设置无

Question

我正在尝试在我的着陆页上设置猫头鹰旋转木马。当我从工作目录中浏览它时，它可以正常工作。但是，当我将其上传到服务器上（即使在本地服务器中）时，它设置了显示：CSS中无。我尝试更改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>

Answer 1

如果您已经在此页面上使用了＃主钳ID，则可以获取错误。一次使用一次。