Tengo un carrusel de búhos y quiero escribir una función que pueda verificar si la cantidad de elementos es igual a 1 y luego deshabilitar las flechas de navegación correspondientes.
Por favor, ayúdenme a hacer, esto es lo que probé (una función que mostrará la cantidad de elementos en la consola y su índice respectivo, pero no funciona)
var owl = $('.owl-carousel').owlCarousel({ loop: true, margin: 10, responsiveClass: true, dots: false, responsive: { 0: { items: 1, nav: false, }, 767: { items: 2, nav: false }, 1000: { items: 3, nav: true, loop: false }, onDragged : callback } }) function callback() { var items = event.items.count; var item = event.item.index; console.log(items,item); }Intentemos de esta manera:
var owl = $('.owl-carousel').owlCarousel({ loop: true, margin: 10, responsiveClass: true, dots: false, responsive: { 0: { items: 1, nav: false, }, 767: { items: 2, nav: false }, 1000: { items: 3, nav: true, loop: false }, onDragged : callback } }) function callback(event) { var navValue = $(this).get(0).options.nav; console.log('Old nav value = ' + navValue); if (event.item.count == 1) { //if total count of items = 1 - we change value navValue = false; //check if changed console.log('New nav value = ' + navValue); } };Esto se puede hacer con una opción:
loop: falseHace lo que quieres.