Eulenkarusselle, die nicht nur 1 Artikel zeigen

Question

Also verwende ich zwei Eulenkarussells auf derselben Seite, um durch einige Daten zu gleiten. Das Problem ist, dass es immer zwei Elemente zeigt statt 1.

Code:

$('#owl_radio_1').owlCarousel({ 
     item:1, 
     loop:true, 
     margin:10, 
     autoplay:true, 
     autoplayTimeout:3000, 
     autoplayHoverPause:false 
    }); 

    $('#owl_radio_2').owlCarousel({ 
     item:1, 
     loop:true, 
     margin:10, 
     autoplay:true, 
     autoplayTimeout:3000, 
     autoplayHoverPause:false 
    }); 

HTML/PHP:

<div id="owl_radio_<?php echo $x; ?>" class="owl-carousel"> 
    <?php foreach($items as $item): ?> 
      <h3><?php echo $item; ?></h3> 
    <?php endforeach; ?> 
</div> 

$x ist ein Wert, der durch jede Iteration steigen wird. Also in diesem Fall endet es bei 2

Answer 1

Du nennst Owl Karussell zweimal - versuchen

$('#owl_radio_1').owlCarousel

zu

$('.owl-carousel').owlCarousel

EDIT Ändern: stellen Sie sicher, Sie haben Ihre callout gewickelt $(document).ready(); so:

$(document).ready(function() { 
    $('#owl_radio_1').owlCarousel({ 
    item:1, 
    loop:true, 
    margin:10, 
    autoplay:true, 
    autoplayTimeout:3000, 
    autoplayHoverPause:false 
}); 
}) 

Answer 2

Sie schreiben sollte:

$('#owl_radio_1').owlCarousel({ 
    items:1 //mistake in letter 's' 
})