jquery Owl Carousel中的空项目

7rtdyuoh 于 2023-06-22 发布在 jQuery

关注(0)|答案(7)|浏览(152)

我有猫头鹰旋转木马的问题。我在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>

jquery

来源：https://stackoverflow.com/questions/39577855/empty-item-in-owl-carousel

7条答案

按热度按时间

bxjv4tth1#

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

赞(0）回复(0）举报 2023-06-22

e4eetjau2#

检查是否添加了css文件

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

赞(0）回复(0）举报 2023-06-22

nc1teljy3#

我尝试了这个，解决了我的问题。

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

赞(0）回复(0）举报 2023-06-22

p5fdfcr14#

只需设置循环：false，它应该解决它！另外，如果你需要循环，添加rewind：对carousel对象设置true。

赞(0）回复(0）举报 2023-06-22

uz75evzq5#

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

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

最初，这个脚本位于主owl carousel div（外部div，类.owl-carousel和.owl-theme）内部。
现在我把它移到div的外面。目前它在上面提到的div之后执行。成功了，问题解决了

赞(0）回复(0）举报 2023-06-22

muk1a3rh6#

通过检查元件检查空项目。它可能包含意外的HTML。在我的例子中，它是页面中某个地方的其他元素，结束标记缺少匹配的开始标记。

赞(0）回复(0）举报 2023-06-22

guz6ccqo7#

具有.owl-carousel类的元素应该仅是carousel项的父元素。将其他元素（carousel项目除外）从.owl-carousel中取出。

赞(0）回复(0）举报 2023-06-22

我来回答

jquery Owl Carousel中的空项目

7条答案

相关问题

热门标签

最新问答