0
228
VistasInsertar datos después de event.target (Owl Carousel)
Estoy siguiendo este codepen aquí para insertar el número actual y total de diapositivas en un carrusel de Owl. El problema es que apunta a un div con ID #counter. Entonces, si hay varios carruseles en la misma página, el valor siempre se sobrescribe para ambos y no para el control deslizante actual.
Parece que no puedo manipular el contenido de event.target, ya que parece ser de solo lectura.
He encontrado si cambio esta línea:
$('#counter').html("item "+item+" of "+items)A esto entonces funciona. Pero el nuevo valor siempre se agrega y parece que no puedo reemplazarlo.
$(event.target).append(item+" - "+items);1 Respuestas
Responde la pregunta0
Intente de esta manera: en primer lugar, no puede configurar más de UNA etiqueta con la misma ID en la página html. Es una forma incorrecta de codificar totalmente. Así que configura el div con clase:
<div class="counter"></div>En la función js cambia tu cadena de:
$('#counter').html("item "+item+" of "+items)A:
$(event.target).next('.counter').html("item "+item+" of "+items)Y obtienes:
