为什么我的猫头鹰轮播导航中有一个额外的点?

克里斯

我的猫头鹰传送带有几个问题。一个原因是它目前没有响应,但这是另一个问题!目前,我不断获得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个点,以及为什么它现在没有响应!

克里斯

我通过分离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中删除了最大宽度,并将其应用于#owl-cd。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

猫头鹰轮播键盘导航

来自分类Dev

为什么在我的Laravel应用中猫头鹰轮播会打破Bootstrap模式?

来自分类Dev

打开模态时最后一个项目的猫头鹰轮播问题

来自分类Dev

将猫头鹰轮播与另一个 div 重叠

来自分类Dev

使用猫头鹰传送带,为什么看不见点/导航按钮?

来自分类Dev

如何在“猫头鹰”轮播导航按钮中添加“边框”(在下一个和上一个附近)

来自分类Dev

如何使用“上一个/下一个”按钮滑动“猫头鹰轮播”中的所有可见项目,而不是一个

来自分类Dev

如何使用“上一个/下一个”按钮滑动“猫头鹰轮播”中的所有可见项目,而不是一个

来自分类Dev

猫头鹰旋转木马 - 在导航按钮中间放置一个图像计数器

来自分类Dev

下一个上一个图标在猫头鹰轮播2中不起作用

来自分类Dev

禁用“猫头鹰轮播”中第一个和最后一个项目的弹跳

来自分类Dev

下一个和上一个按钮猫头鹰轮播的缩略图

来自分类Dev

为什么我的猫头鹰滑块不显示?

来自分类Dev

猫头鹰轮播中的额外空项

来自分类Dev

如何阻止猫头鹰转盘倒带?我只想要一个无缝循环

来自分类Dev

猫头鹰:许多属性中只有一个属性存在

来自分类Dev

猫头鹰轮播2幻灯片导航

来自分类Dev

猫头鹰轮播导航按钮未显示

来自分类Dev

猫头鹰轮播-导航与居中项的宽度相同?

来自分类Dev

如何在div之外获取猫头鹰轮播导航

来自分类Dev

如何在中心显示猫头鹰轮播导航?

来自分类Dev

知道我的商品是否最新-猫头鹰轮播

来自分类Dev

我们如何跳过显示:猫头鹰轮播中没有项目?

来自分类Dev

将猫头鹰轮播与Ember一起使用

来自分类Dev

猫头鹰轮播2-隐藏自定义导航(如果有1件)

来自分类Dev

猫头鹰传送带,到达第一个/最后一个项目后导航被禁用

来自分类Dev

猫头鹰轮播未显示

来自分类Dev

滑动猫头鹰轮播控件

来自分类Dev

猫头鹰轮播的问题始于延迟

Related 相关文章

  1. 1

    猫头鹰轮播键盘导航

  2. 2

    为什么在我的Laravel应用中猫头鹰轮播会打破Bootstrap模式?

  3. 3

    打开模态时最后一个项目的猫头鹰轮播问题

  4. 4

    将猫头鹰轮播与另一个 div 重叠

  5. 5

    使用猫头鹰传送带,为什么看不见点/导航按钮?

  6. 6

    如何在“猫头鹰”轮播导航按钮中添加“边框”(在下一个和上一个附近)

  7. 7

    如何使用“上一个/下一个”按钮滑动“猫头鹰轮播”中的所有可见项目,而不是一个

  8. 8

    如何使用“上一个/下一个”按钮滑动“猫头鹰轮播”中的所有可见项目,而不是一个

  9. 9

    猫头鹰旋转木马 - 在导航按钮中间放置一个图像计数器

  10. 10

    下一个上一个图标在猫头鹰轮播2中不起作用

  11. 11

    禁用“猫头鹰轮播”中第一个和最后一个项目的弹跳

  12. 12

    下一个和上一个按钮猫头鹰轮播的缩略图

  13. 13

    为什么我的猫头鹰滑块不显示?

  14. 14

    猫头鹰轮播中的额外空项

  15. 15

    如何阻止猫头鹰转盘倒带?我只想要一个无缝循环

  16. 16

    猫头鹰:许多属性中只有一个属性存在

  17. 17

    猫头鹰轮播2幻灯片导航

  18. 18

    猫头鹰轮播导航按钮未显示

  19. 19

    猫头鹰轮播-导航与居中项的宽度相同?

  20. 20

    如何在div之外获取猫头鹰轮播导航

  21. 21

    如何在中心显示猫头鹰轮播导航?

  22. 22

    知道我的商品是否最新-猫头鹰轮播

  23. 23

    我们如何跳过显示:猫头鹰轮播中没有项目?

  24. 24

    将猫头鹰轮播与Ember一起使用

  25. 25

    猫头鹰轮播2-隐藏自定义导航(如果有1件)

  26. 26

    猫头鹰传送带,到达第一个/最后一个项目后导航被禁用

  27. 27

    猫头鹰轮播未显示

  28. 28

    滑动猫头鹰轮播控件

  29. 29

    猫头鹰轮播的问题始于延迟

热门标签

归档