0

我已经正确设置了所有内容（至少我是这么认为的），但是猫头鹰旋转木马不会显示/加载。有什么帮助吗？提前致谢。

这是我的 HTML：

<head>
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/owl.theme.default.css">
</head>

<body>

        <div class="owl-carousel">
      <div><img src="assets/images/Profile-Holder.png"></div>
      <div><img src="assets/images/Profile-Holder.png"></div>
      <div><img src="assets/images/Profile-Holder.png"></div>
    </div>  

        <script href="assets/js/jquery-1.12.2.min.js"></script>
    <script href="assets/js/owl.carousel.min.js"></script>
            <script>$(document).ready(function(){
              $(".owl-carousel").owlCarousel();
            });
    </script>
</body>
4

1 回答 1

3

尝试将类“owl-theme”添加到您的“owl-carousel”div。

看起来问题实际上是您的脚本标签...将“href”更改为“src”。

Owl Carousel 默认显示 3 个项目...巧合的是您在轮播中拥有的元素数量。尝试在您的文档就绪函数中使用以下内容启动脚本：

$('.owl-carousel').owlCarousel({
  center: true,
  items:1
});
于 2016-03-27T23:29:15.240 回答