猫头鹰旋转木马中的空项目答案

【问题标题】：Empty item in Owl Carousel猫头鹰旋转木马中的空项目
【发布时间】：2016-09-19 16:29:13
【问题描述】：

我对 Owl 旋转木马有疑问。我在 owl 中有 10 个项目，在循环中，在第 10 个项目之后，还有一个额外的空白项目。我怎样才能摆脱那个空白项？

这是我的 owl 的 js 代码：

<script type="text/javascript">
    $(document).ready(function() {
        $("#owl-example").owlCarousel({

            navigation : false, // Show next and prev buttons
            pagination : false,
            loop : true,
            autoplay : false,
            slideSpeed : 300,
            paginationSpeed : 400,
            items : 1 
        }); 
    });
</script>

【问题讨论】：

您找到解决方案了吗？我有同样的问题。
同样的问题。以下答案均无效

标签： javascript jquery owl-carousel

【解决方案1】：

我遇到了同样的问题。经过一些研究和试验，我发现删除 HTML 中的所有空格解决了这个问题。

【讨论】：

如果在 WP 中生成
标签，则肯定是空白

【解决方案2】：

检查是否添加了css文件

    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">

【讨论】：

【解决方案3】：

我试过这个并解决了我的问题。

#ba.owl-theme .owl-dots .owl-dot:last-child {
  display: none;
}

【讨论】：

【解决方案4】：

只需设置 loop: false 即可解决！此外，如果您需要循环播放，请将 rewind: true 添加到 carousel 对象。

【讨论】：

对我不起作用，空白仍然存在。

【解决方案5】：

我也有同样的问题。我通过更改以下脚本的位置来修复它

$(document).ready(function() {
  var owl = $('#banner');  
  owl.owlCarousel({
    items: 1,
    loop: true,
  }); 
});

最初，此脚本位于主猫头鹰轮播 div 内（外部 div 与 .owl-carousel 和 .owl-theme 类）。

现在我把它移到了 div 的外面。目前它在上述div 之后执行。成功了，问题解决了

【讨论】：

【解决方案6】：

通过检查元素检查空项目。可能它包含意外的 HTML。就我而言，它是页面某处的某个其他元素，该结束标记缺少匹配的开始标记。

【讨论】：