在 Owl 轮播中活跃 Class

Question

我从 JavaScript 代码在 owl 轮播中生成项目，但轮播中的项目 div 没有活动 class 这是我的代码：

for (var i = 0; i < data.length; i++) {

  $(".owl-carousel").trigger('add.owl.carousel', [
      '<div class= "item">' +
      '<div class="flyout-content">' +
      '<h5>' + data[i].firstName + '</h5>' +
      '<h3>' + data[i].lastName + '</h3>' +
      '</div>' +
      '</div>'
    ]
  }

Answer 1

正如@Pedram 所说的那样，我添加了 if 语句来检查第一个索引，它在这里的工作是代码，以防有人需要它

for (var i = 0; i < data.length; i++) {
if(i == 0){
  $(".owl-carousel").trigger('add.owl.carousel', [
      '<div class= "item">' +
      '<div class="flyout-content">' +
      '<h5>' + data[i].firstName + '</h5>' +
      '<h3>' + data[i].lastName + '</h3>' +
      '</div>' +
      '</div>'
    ]);
   var owl = $('.owl-carousel');
   owl.owlCarousel();

   owl.trigger('refresh.owl.carousel');
   }
  }

在 Owl 轮播中活跃 Class

Active Class in Owl carousel

javascript

jquery

owl-carousel