Почему слайдер swiper.js перелистывает при клике на слайд?

Question

[Яна Егорова]

У меня есть слайдер, внутри каждого слайда есть кнопка и ссылка и при клике на кнопку слайдер перелистывает на следующий слайд. Если я правильно поняла это связано с событием клика и его всплытием. В документации библиотеки есть два свойства которые должны запрещать это перелистывание. Одно это noSwipingClass (при добавлении класса 'swiper-no-swiping' на кнопку должно перестать перелистывать), но для меня это не работает, второе это noSwipingSelector (нужно в инициализацию слайдера добавить этот ключ со значением тега, в моем случае кнопки) но и это не фурычит. Я что-то не так делаю? Кто-то сталкивался с этой проблемой?

https://codepen.io/YanaE93/pen/xxpBypQ

Answer 1

[Яна Егорова]

watchSlidesProgress: true

Answer 2

[bingumd]

использовать пока 7 версию так как проблема в 8 и еще не исправили - ссылка 1 и ссылка 2

Comments

[Яна Егорова]

Большое спасибо, ваша ссылка натолкнула на правильный ответ!)
Для восьмой версии нужно просто добавить

watchSlidesProgress: true

Хотя в комментариях указано что это не работает, но для меня сработало
Считается ли это что ваш ответ решение проблемы?)

[Ankhena]

Яна Егорова,

Считается ли это что ваш ответ решение проблемы?)

Ответом считается то, что может помочь вам или другому страждущему решить аналогичную проблему.
Разумно отметить этот ответ и еще дописать свой и тоже отметить решением.