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

【问题标题】：Certain Owl Carousel settings not working某些猫头鹰轮播设置不起作用
【发布时间】：2016-10-20 13:02:17
【问题描述】：

我已经成功集成了 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 和 next 的空 div箭头（点击后实际起作用）

如果情况变得更糟，我可以使用 CSS 手动修复问题，但是对于边距和填充，最好让 Owl Carousel 计算它们

帮帮忙，谢谢

【问题讨论】：

那么您是说 div <i class="fa fa-arrow-left fa-2x"></i> 甚至没有在您的页面源中输出？
您使用的是哪个版本的 Owl Carousel？
最新的先生 - 是的，他们没有被输出
请说明什么版本，您使用的是测试版吗？请参阅下面的答案，这可能会有所帮助。请注意文档中给出的示例。如果您完全删除 navText 选项，您的边距和填充以及导航是否正常工作？

标签： javascript jquery owl-carousel

【解决方案1】：

根据 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>],

【讨论】：