Question

所以，我在同一页面上使用两个Owl Carousels来浏览一些数据。问题是它总是显示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_radio_1').owlCarousel({
    items:1 //mistake in letter 's'
})

Answer 2

你要两次打电话给Owl Carousel - 尝试更改

$('#owl_radio_1').owlCarousel

到

$('.owl-carousel').owlCarousel

编辑：确保你的标注包裹$(document).ready();所以：

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

猫头鹰旋转木马不只显示1项

2 个答案: