我使用猫头鹰旋转木马为我的项目，但它不显示图像，没有幻灯片正在发生，也许我错过了什么，我不知道，但我有所有的JS和CSS文件加载正确。
下面是我正在使用的文件列表：

<!-- CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css"> 
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/slicknav.min.css">
<link rel="stylesheet" href="css/jquery-ui.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/magnific-popup.css">

<link rel="stylesheet" href="css/owl.theme.css">

<!-- MAIN CSS -->
<link rel="stylesheet" href="css/tooplate-style.css">

<!-- JS -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.slicknav.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/jquery.parallax.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/custom.js"></script>

然后这里是我的carousel HTML代码，覆盖类只是一个黑色的背景帮助我的导航栏。我已经包含了jquery.js文件，因为它有助于下面的脚本。

<section id="home" class="hero-section">
  <div class="overlay"></div>
  <div class="hero-slider owl-carousel">
    <div class="hs-item set-bg" data-setbg="images/4.jpg">
      <div class="container">
        <div class="row">
          <div class="col-xl-6 col-lg-7 text-white">
            <span>New Arrivals</span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum sus-pendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. </p>
            <a href="" class="site-btn sb-line">DISCOVER</a>
          </div>
        </div>
      </div>
    </div>
    <div class="hs-item set-bg" data-setbg="images/2.jpg">
      <div class="container">
        <div class="row">
          <div class="col-xl-6 col-lg-7 text-white">
            <span>New Arrivals</span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum sus-pendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. </p>
            <a href="" class="site-btn sb-line">DISCOVER</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="slide-num-holder" id="snh-1"></div>
  </div>
</section>

然后我的JavaScript代码

// BACKGROUND
$('.set-bg').each(function() {
  var bg = $(this).data('setbg');
  $(this).css('background-image', 'url(' + bg + ')');
});

//CAROUSEL
var hero_s = $(".hero-slider");
hero_s.owlCarousel({
  loop: true,
  margin: 0,
  nav: true,
  items: 1,
  dots: true,
  animateOut: 'fadeOut',
  animateIn: 'fadeIn',
  navText: ['<i class="flaticon-left-arrow-1"></i>', '<i class="flaticon-right-arrow-1"></i>'],
  smartSpeed: 1200,
  autoHeight: false,
  autoplay: true,
  onInitialized: function() {
    var a = this.items().length;
    $("#snh-1").html("<span>1</span><span>" + a + "</span>");
  }
}).on("changed.owl.carousel", function(a) {
  var b = --a.item.index, a = a.item.count;
  $("#snh-1").html("<span> " + (1 > b ? b + a : b > a ? b - a : b) + "</span><span>" + a + "</span>");
});

hero_s.append('<div class="slider-nav-warp"><div class="slider-nav"></div></div>');
$(".hero-slider .owl-nav, .hero-slider .owl-dots").appendTo('.slider-nav');

如果我在某个地方做错了，请纠正我。谢谢
我已经使用JavaScript设置了背景图像以减少加载时间，但它不起作用，我知道我有两个jQuery文件，但第二个我认为有助于加载它下面的其他脚本。