Owlカルーセルは1つのアイテムしか表示されていません

Question

同じページに2つのOwlカルーセルを使用しています。問題は、それが常に2つの項目の代わりに、1

を示したということですコード：

$('#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は、各反復で上がっている値です。この場合には、それはあなたが二回フクロウカルーセルを呼んでいる2

Answer 1

で終わるので -

$('.owl-carousel').owlCarousel

EDITに

$('#owl_radio_1').owlCarousel

を変更してみてください：あなたは、あなたのコールアウトが包まれていることを確認してください$(document).ready(); so：

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

Answer 2

あなたが書く必要があります：

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