Question

我想在轮播中添加箭头。我一直在寻找答案的解决方案，复制了代码，但是以某种方式无法正常工作。

所以，我有这个HTML：

<div id="owl-demo" class="owl-carousel owl-theme">
        <div class="item">
            <video autoplay muted loop id="myVideo">
            <source src="fleuropdemo.mp4" type="video/mp4">
            </video>
            <div class="video-wrapper">
                <p>FLEUR OP / BEZORGT EEN GOED GEVOEL</p>
                <h2>HET GEVOEL VAN BLOEMEN ANDERS VERTELD</h2>
            </div>
        </div>
   ...2 more .item
</div>

这些是我在html中包含的文件：owl.carousel.css，owl.theme.default.min.css，owl.carousel.js，jquery.min.js``

这就是我在脚本中所做的：

$(document).ready(function() {

$("#owl-demo").owlCarousel({

 navigation : true, // Show next and prev buttons
 nav: true,
 navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
 loop: true,
 slideSpeed : 300,
 paginationSpeed : 400,

 items : 1, 
 itemsDesktop : false,
 itemsDesktopSmall : false,
 itemsTablet: false,
 itemsMobile : false

});

});

我在这篇文章中获得的navText解决方案：How to make a owl carousel with arrows instead of next previous

我要实现的目标完全相同。但是以某种方式，该解决方案对我不起作用...

我还测试了多个代码笔，完全复制了它们的代码。不工作。我开始认为我缺少文件。我正在使用最新版本的猫头鹰轮播。

轮播的其余部分运行完美。

Answer 1

您的图标未显示，因为未正确安装真棒字体。

猫头鹰轮播“ navText：”不添加箭头

1 个答案: