Пустой предмет в Owl Carousel

Question

У меня проблема с совой каруселью. У меня есть 10 предметов в сове, в цикле, и после 10-го предмета есть один дополнительный пустой элемент. Как я могу избавиться от этого последнего пустого элемента?

Вот мой 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> 

Answer 1

У меня была такая же проблема. После некоторых исследований и испытаний я обнаружил, что удаление всех пробелов в моем HTML решило проблему.

Answer 2

Проверьте CSS файлы добавляются

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

Answer 3

Я был попробовать это и решить мои проблемы.

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