我已成功整合Owl Carousel,并且我的所需设置已激活
但是,导航和边距和填充部分不起作用......
$('.owl-carousel').owlCarousel({
items : 3,
nav: true,
navText: ['<i class="fa fa-arrow-left fa-2x"></i>','<i class="fa fa-arrow-right fa-2x"></i>'],
loop:true,
stagePadding: 50,
margin: 10,
responsiveClass:true,
dots: false,
responsive:{
0:{
items:1,
},
767:{
items:2,
},
}
});
我检查了控制台,没有错误,js和css是链接的,在箭头的情况下,查看HTML字体真棒图标甚至没有呈现 - 它只是prev和下一个箭头的空div(其中点击时实际工作)
如果情况变得更糟,我可以使用CSS手动修复问题,但使用边距和填充最好让Owl Carousel计算它们
帮助赞赏,谢谢
1 回答
根据OWl Carousel文档(http://www.owlcarousel.owlgraphic.com/docs/api-options.html),您似乎已将
navText
值拆分,这可能导致错误 .请尝试使用此代码: