Tengo un deslizador ubicado dentro de una pestaña en un sitio de wordpress, por lo que no se inicia al cargar la página, por lo que la función de navegación no funciona. Puede verlo aquí haciendo clic en la pestaña "görüşler".
Investigué y descubrí que es un problema común y se puede iniciar con jquery personalizado. He agregado el siguiente código como un javascript externo, sin embargo, no puedo hacer que funcione. Si alguien me puede ayudar, se lo agradecería ya que me está volviendo loco. Muchas gracias de antemano.
jQuery(document).on("pageinit", function($) { var swiper = new Swiper('.swiper-container', { parallax: true, autoHeight: true, setWrapperSize: true, slidesPerView: 1, spaceBetween: 30, centeredSlides: true, autoplay: { delay: 2500, disableOnInteraction: false, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, observer: true, observeParents: true, }); swiper.init(); });Terminé usando este código, publicándolo aquí en caso de que alguien lo necesite.
// Call On Page Load var observer = new IntersectionObserver( (entries, observer) => { entries.forEach(entry => { if (entry.intersectionRatio > 0) { window.dispatchEvent(new Event('resize')); observer.unobserve(entry.target); if (entry.target.swiper) { entry.target.swiper.slideTo(0); } }; }); }, null); observer.observe(document.querySelector('#yepss .swiper-container'));