Leerer Gegenstand in Owl Carousel

Question

Ich habe ein Problem mit Owl Karussell. Ich habe 10 Gegenstände in der Eule, in der Schleife, und nach dem 10. Gegenstand gibt es einen zusätzlichen, leeren Gegenstand. Wie kann ich diesen letzten leeren Gegenstand loswerden?

Hier ist mein js Code für owl:

<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

ich das gleiche Problem hatte. Nach einigen Nachforschungen und Tests stellte ich fest, dass das Entfernen aller Leerzeichen in meinem HTML das Problem löste.

Answer 2

Überprüfen Sie, ob CSS-Dateien sind

hinzugefügt

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

Answer 3

Ich hatte diesen einen Versuch und meine Probleme zu lösen.

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