Owl 轮播不工作，没有错误，div 消失了

Question

我对 Owl 轮播有疑问。我添加了 owl.carousel.css 、 owl.carousel.js 和 owl.theme.css 。用 class="owl-carousel" 制作了 div。并调用了 function $(".owl-carousel").owlCarousel();。当我这样做时，我的 div 消失了，我的控制台中没有任何错误...

有人知道吗？（我用的是chrome）

我关注这个演示：http://owlgraphic.com/owlcarousel/#more-demos

<div class="owl-carousel">
                  <div class="item">                  
                        <img src="" class="img-responsive" alt=""/>
                  </div>
                  <div class="item"> 
                        <img src="" class="img-responsive" alt=""/>
                  </div>

不要介意空的src....里面有图片...

另外一个问题出现了：

Uncaught TypeError: undefined is not a function?ckcachecontrol=1422871493:74 (anonymous function)jquery-1.11.2.min.js:2 m.Callbacks.jjquery-1.11.2.min.js:2 m.Callbacks.k.fireWithjquery-1.11.2.min.js:2 m.extend.readyjquery-1.11.2.min.js:2 J

$(document).ready(function() {

    var carousel = $("#owl-demo");
    carousel.owlCarousel({

      items : 4,
      itemsDesktop : [1199,3],
      itemsDesktopSmall : [979,3]

  });

});

关于功能....

Answer 1

确保您的设置正确，如果默认情况下只有一张图片，owl 将不起作用，因为它需要多张图片才能显示轮播。

Answer 2

查看您的 ID 和 class，在您的 html 中，您使用了一个名为“.owl-carousel”的 class，在您的 javascript 中您使用名为“.owl-demo”的 ID。

在您的 javascript 中使用 .owl-轮播，您的轮播将正常工作。

Answer 3

如果您希望 owl-carousel 在多个具有相同样式的 div 中工作，请确保您有不同的 ID。例如，如果您有 ID 为 #work 的 div，并且 owl-carousel 正在工作，您可能需要命名第二个 div #work-2 以避免消失的问题。

Owl 轮播不工作，没有错误，div 消失了

Owl carousel isn't working, no error, div dissapears

javascript

css

carousel

owl-carousel