tengo html
<div class="swiper-container instance-0" data-id="nav-slider"> <ul class="swiper-wrapper nav-content__list"> <li class=" swiper-slide nav-content__item"> <a class=" link link--ms" href="/news-stories/stories"> <span class="link__text"> Stories </span> </a> </li> <li class=" swiper-slide nav-content__item"> <a class=" link link--ms" href="/news-stories/multimedia"> <span class="link__text"> Multimedia </span> </a> </li> <li class=" swiper-slide nav-content__item"> <a class=" link link--ms" href="/news-stories/press-releases"> <span class="link__text"> Press releases </span> </a> </li> </ul> </div>
Mi js:
const $navSlider = $('[data-id="nav-slider"]'); const $swiperInstances = []; const $currentPath = window.location.pathname; $navSlider.each(function (index, sliderElement) { const $this = $(this); $this.addClass(`instance-${index}`); $swiperInstances[index] = new Swiper(sliderElement, { slidesPerView: 'auto', watchOverflow: true, initialSlide: '2', }); });
Pero initialSlide no funciona para mí. $swiperInstances[index].slideTo(2) tampoco funciona
Necesito configurar el elemento predeterminado en el control deslizante
necesita usar .slideTo()
en el evento afterInit()
. documentación