Question

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

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

尝试添加课程＆＃34; owl-theme＆＃34;你的＆＃34; owl-carousel＆＃34;格。

看起来问题实际上是你的脚本标签...更改＆＃34; href＆＃34;到＆＃34; src＆＃34;。

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

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

猫头鹰旋转木马2没有出现

1 个答案: