Question

我的猫头鹰旋转木马有几个问题。一个是它目前没有响应，但这是另一个问题！目前我一直得到3个点，但是应该只有2个。我想在页面中间有2个项目（我将.owl-carousel的最大宽度设置为500px）。这是我的标记：

<div id="owl-cd" class="owl-carousel">
<div class="item"><img src=""></div>
<div class="item"><img src=""></div>
<div class="item"><img src=""></div>
</div>

这是我的自定义CSS：

#owl-cd .item img{
margin: 0 auto;
display: block;
padding: 0px 0px 10px 0px;
}

#owl-cd .item {
padding: 0px 0px 0px 0px;
color: #686974;
border: 0;
max-width: 100%;
}

我的剧本：

$(document).ready(function() {
  $("#owl-cd").owlCarousel({
  items: 2,
  dots: true,
  margin: 20,
  autoWidth:true,
  center:false,
  }
  );
});

如果我没有包含所需要的所有内容，我很抱歉，我对开发非常陌生。只是尝试一些东西，但不知道为什么我得到3点而不是2点，为什么它现在没有响应！

Answer 1

我通过分离owl-carousel类并将其放在一个单独的owl-cd div id中来解决这个问题。所以：

<div id="owl-cd">
<div class="owl-carousel">
<div class="item"><img src=""></div>
<div class="item"><img src=""></div>
<div class="item"><img src=""></div>
</div>
</div>

我还从CSS中删除了.owl-carousel的max-width并将其应用到＃owl-cd。

Answer 2

$（ “猫头鹰传送带”）。owlCarousel（{
倒带：真的 }）

为什么我的猫头鹰旋转木马导航中有一个额外的点？

2 个答案: