Как сделать клик по активному слайду (swiper slider)?

Question

[Cheizer]

Как в слайдере на активный слайд с классом .swiper-slide-active, повесить событие .trigger('click') после перехода на него?
Если просто добавить .trigger('click') то вылетает ошибка Cannot read property 'trigger' of undefined.

Answer 1

[FinGanapre]

Если я правильно вас понял и вам нужен клик каждый раз при смене слайда, то так:
1. В api находим метод mySwiper.on(event, handler).
2. Переходим в раздел событий. Вас интересует событие slideChange.
3. Пишем обработчик. Он будет запускаться каждый раз, когда слайдер меняет слайд.

Comments

[Cheizer]

да, все правильно, но я не понимаю как вставить trigeer click на текущем слайде при всем при этом.
Есть у меня там событие и все все все, определяю текущий слайд, для него показываю ссылку.
Но не могу сделать клик по этому слайду.

s6.on('slideChange', function() {
  const otherSlides = swiperSlides
  for (let index = 0; index < swiperSlides.length; index++) {
    const element = swiperSlides[index];
    element.getElementsByTagName('a')[0].style.display = 'none'
  }

  const linkElemCurrentSlide = swiperSlides[s6.realIndex].getElementsByTagName('a')
  linkElemCurrentSlide[0].style.display = 'block'
});

[FinGanapre]

Роман Кузнецов, ммм... зачем так сложно:)
Снова идём в документацию к методам.
Нам нужно получить текущий слайд.
DOM элемент мы сразу получить не можем, но можем получить индекс активного слайда ( mySwiper.activeIndex ) и весь массив слайдов ( mySwiper.slides ). т.е. можем забрать элемент передав в массив индекс активного слайда.

Давайте перейдём в этот пен

[Cheizer]

FinGanapre, БЛАГОДАРЮ!

[FinGanapre]

Роман Кузнецов, пожалуйста:)