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