Cách tạo băng chuyền con cú với mũi tên thay vì trước đó

Question

hôm qua tôi đã mở trang web cho khách hàng. Tôi luôn sử dụng băng chuyền Owl vì nó đáp ứng. Các khách hàng như thế nào bao giờ ghét trước, từ tiếp theo và muốn thay đổi chúng vào mũi tên.

Vì vậy, do đó tôi đã cập nhật tập lệnh của mình. tệp js. Nó rất dễ làm và tôi muốn chia sẻ nó.

$(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>'); 
}); 

Chào bạn ở đó. Bạn luôn có thể thêm phong cách khác. (Lần đầu tiên tôi sử dụng một câu trả lời hy vọng câu hỏi của riêng bạn này là đúng nơi/chiều)

Answer 1

Đây là cách bạn làm điều đó trong chức năng của bạn $(document).ready() với FontAwesome Icons:

$(".owl-prev").html('<i class="fa fa-chevron-left"></i>'); 
$(".owl-next").html('<i class="fa fa-chevron-right"></i>'); 

Answer 2

Một lưu ý cho những người khác có thể sử dụng Owl Carousel v 1.3.2:

Bạn có thể thay thế văn bản điều hướng trong cài đặt nơi bạn đang bật điều hướng.

navigation:true, 
navigationText: [ 
    "<i class='fa fa-chevron-left'></i>", 
    "<i class='fa fa-chevron-right'></i>" 
] 

Answer 3

Nếu bạn đang sử dụng Owl Carousel 2, sau đó bạn nên sử dụng như sau:

$(".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>"] 
    });