Owl 轮播 2 未显示

Question

我已经正确设置了所有内容（至少我是这么认为的）但是 owl 轮播不会显示 up/load。有什么帮助吗？提前致谢。

这是我的 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>

Answer 1

尝试将 class "owl-theme" 添加到您的 "owl-carousel" div。

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

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

$('.owl-carousel').owlCarousel({
  center: true,
  items:1
});

Owl 轮播 2 未显示

Owl carousel 2 not showing up

jquery

owl-carousel-2