我在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>'
]
}
答案 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');
}
}