2017-04-21 80 views
0

因此,我在同一页上使用两个猫头鹰传送带来浏览一些数据。问题是,它总是显示2项而不是1猫头鹰传送带没有显示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

+0

你能告诉我们的html代码 – Goku

+0

@Goku更新后 –

回答

0

你打电话猫头鹰旋转木马两次结束 - 尝试改变

$('#owl_radio_1').owlCarousel

$('.owl-carousel').owlCarousel

编辑:请确保您有您的包裹标注$(document).ready(); so:

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

,不幸的是没有解决它 –

+0

你有你的旋转木马标注包裹在'$(文件)。就绪() '? – kawnah

+0

是的,我确实有 –

1

你应该写:

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