首页 文章

某些猫头鹰轮播设置不起作用

提问于
浏览
0

我已成功整合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 回答

  • 0

    根据OWl Carousel文档(http://www.owlcarousel.owlgraphic.com/docs/api-options.html),您似乎已将 navText 值拆分,这可能导致错误 .

    请尝试使用此代码:

    navText: [<i class="fa fa-arrow-left fa-2x"></i><i class="fa fa-arrow-right fa-2x"></i>],
    

相关问题