javascript - 如何制作带有箭头而不是下一个的猫头鹰旋转木马

Question

昨天我向客户展示了一个网站。我总是使用 Owl carousel，因为它响应灵敏。然而，客户讨厌前面、后面的文字，想把它们改成箭头。

因此我更新了我的脚本。 js 文件。这很容易做到，我想分享它。

$(document).ready(function(){
$('.owl-carousel').owlCarousel({
    nav:true,
    responsive:{
     ...
 })
 $( ".owl-prev").html('<i class="fa fa-chevron-left"></i>');
 $( ".owl-next").html('<i class="fa fa-chevron-right"></i>');
}); 

好了，你已经找到了。您随时可以添加更多样式。 (我第一次使用您自己问题的答案，希望这是正确的地方/方式)

Answer 1

如果您使用 Owl Carousel 2，那么您应该使用以下内容:

$(".category-wrapper").owlCarousel({
     items : 4,
     loop  : true,
     margin : 30,
     nav    : true,
     smartSpeed :900,
     navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"]
   });