猫头鹰旋转木马的活跃类

时间:2018-05-15 10:50:15

标签: javascript jquery owl-carousel

我在JavaScript代码中生成owl carousel中的item,但是carousel中的item div没有活动类,这是我的代码:

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>'
    ]
  }     

1 个答案:

答案 0 :(得分:0)

正如@Pedram所说,我这样做了,我添加了if statment来检查第一个索引,它的工作是代码以防有人需要它

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');
   }
  }