Este es mi código, verifíquelo: funciona después de un tiempo después de volver a cargar la página, ayúdeme con esto.
Estoy tratando de obtener un control deslizante ingenioso cuando recargo la página, pero solo funciona después de un tiempo
$(document).ready(function() { $('.template-blog .mobile-tag-slider').slick({ dots: false, infinite: true, arrows: false, slidesToShow: 4, slidesToScroll: 1, centerMode: true, centerPadding: '90px', mobileFirst: true, responsive: [ { breakpoint: 600, settings: "unslick" }, { breakpoint: 769, settings: { arrows: false, slidesToShow: 4, slidesToScroll: 1 } } ] }); });se muestra un segundo así después de recargar la página ingrese la descripción de la imagen aquí
luego se muestra justo después de un segundo como este ingrese la descripción de la imagen aquí
La función de documento listo se ejecuta cuando el DOM (Document Object Model) está completamente cargado en el navegador.
Elimina este código ** $(documento).ready(función() **
$('.template-blog .mobile-tag-slider').slick({ dots: false, infinite: true, arrows: false, slidesToShow: 4, slidesToScroll: 1, centerMode: true, centerPadding: '90px', mobileFirst: true, responsive: [ { breakpoint: 600, settings: "unslick" }, { breakpoint: 769, settings: { arrows: false, slidesToShow: 4, slidesToScroll: 1 } } ] });