Ich arbeite mit Owl Carousel 2 für Karussellinhalte.

JS:

$('#owl-demo').owlCarousel({
    loop: true,
    margin: 10,
    nav: true,
    items: 1,
});

HTML:

<div id="owl-demo" class="owl-carousel">
    <div class="item"><h4>1</h4></div>
</div>

Problem

wenn ich einen Inhalt habe (dynamischer Inhalt mit PHP)loop:true unditems:1 nicht funktionieren und ich sehe leer Aber wenn ich zwei Inhalte hinzufüge, hat Owl funktioniert !!

BEARBEITE: Mein Inhalt ist dynamisch (1 - ....). Wenn mein Ergebnis ein Inhalt ist, hat Eule ein Problem.

ProblemDEM

hat funktioniertDEM

wie kann das Problem behoben werden?