Question

我的猫头鹰旋转木马有问题。我添加了owl.carousel.css，owl.carousel.js和owl.theme.css。用class =＆＃34; owl-carousel＆＃34;制作一个div。并称为function $(".owl-carousel").owlCarousel();。当我这样做时，我的div消失了，我的控制台中没有任何错误......

有人知道吗？（我用铬）

我按照此演示：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 ....里面有图片......

还出现了另一个问题：

未捕获的TypeError：undefined不是 function？ckcachecontrol = 1422871493：74（匿名 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

看看你的身份证明＆amp; class，在你的html中你使用了一个名为＆＃34; .owl-carousel＆＃34;在您的javascript中，您使用名为＆＃34; .owl-demo＆＃34;的ID。

在您的javascript中使用.owl-carousel，您的轮播将有效。

Answer 3

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

猫头鹰旋转木马在工作，没有错误，div消失

3 个答案: