根据记录总数显示 owl-轮播滑块？

Question

我正在使用 owl carousel 2 插件来显示滑块。它适用于静态，但我如何设置动态？

我的意思是，对于手动设置 3 然后我得到 3 个滑块，但我如何动态设置？在 $getTotalnumber 中，我从数据库中获取记录。有时我得到总记录 2,3 和 4 那么如何重复该项目？现在我从数据库中获取了 2 条记录，我的滑块显示 3 条记录在重复。第一项重复。

<div class="owl-carousel owl-theme">
  <?php if($getTotalnumber){foreach ($getTotalnumber as $num) {?>
    <div class="item"><h4><?php echo $num->content;?>></h4></div>
  <?php }}?>
</div>

$('.owl-carousel').owlCarousel({
  loop: true,
  margin: 10,
  nav: true,
  mouseDrag: false,
  responsive: {
    0: {
      items: 1
    },
    600: {
      items: 3
    },
    1000: {
      items: 3
    }
  }
});

我正在获取输出（文本只是一个示例）

where are you?
How are you?
Where are you?// notice that this is repeating from first one

我需要一个输出

where are you?
How are you?

Answer 1

所以您只需要提及要在 Owl 轮播配置中显示多少项目：

<?php
if (!empty($getTotalnumber)) { ?>
$('.owl-carousel').owlCarousel({
loop: true,
margin: 10,
nav: true,
mouseDrag: false,
responsive: {
    0: {
    items: 1
    },
    600: {
    items: <?php echo count($getTotalnumber); ?>
    },
    1000: {
    items: <?php echo count($getTotalnumber); ?>
    }
}
});
<?php } ?>

根据记录总数显示 owl-轮播滑块？

Display owl-carousel slider depending upon the total number of records?

html

php

jquery

codeigniter-3

owl-carousel