Javascript 猫头鹰旋转木马“;navText:“;不';不要加箭头

Javascript 猫头鹰旋转木马“;navText:“;不';不要加箭头,javascript,jquery,owl-carousel,Javascript,Jquery,Owl Carousel,我想在旋转木马中添加箭头。我已经为我的答案寻找了解决方案,复制了代码,但不知何故它没有起作用 所以,我有一个HTML: <div id="owl-demo" class="owl-carousel owl-theme"> <div class="item"> <video autoplay muted loop id="myVideo"> <source src="fleuropdemo.m

我想在旋转木马中添加箭头。我已经为我的答案寻找了解决方案,复制了代码,但不知何故它没有起作用

所以,我有一个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>

FLEUR OP/BEZORGT EEN GOED GEVOEL酒店

赫特·格沃尔·范布卢曼·安德斯·维特尔德 …还有2个。项目
这些是我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

});

});
$(文档).ready(函数(){
$(“#猫头鹰演示”).owlCarousel({
导航:true,//显示下一个和上一个按钮
导航:是的,
导航文本:[“”,“”],
循环:对,
幻灯片速度:300,
分页速度:400,
项目:1,
itemsDesktop:false,
itemsDesktopSmall:错误,
itemsTablet:false,
itemsMobile:错误
});
});
我从这篇文章中得到的navText解决方案:

我想要达到的目标完全一样。但不知怎么的,这个解决方案对我不起作用

我还测试了多个代码笔,完全复制了它们的代码。不起作用。我开始觉得我丢失了文件。我正在使用猫头鹰转盘的最新版本


旋转木马的其余部分工作正常

您的图标未显示,因为font awesome未正确安装。

请检查您的控制台是否有任何错误控制台中没有任何错误。什么不正常?滑块是否只有导航未显示?或者滑块根本不工作?您是否已正确安装?为此创建了答案,供将来的人使用,可以打开此问题。请将其标记为正确结果。非常感谢。