chocolat.js + swiper - изображения открываются в новой вкладке - PullRequest
Новая
       2

chocolat.js + swiper - изображения открываются в новой вкладке

0 голосов
/ 03 октября 2019

Я использую chocolat.js со swiper. 

<div class="swiper-container">
  <div class="swiper-wrapper chocolat-parent">
    <div class="swiper-slide">
      <a href="..." class="chocolat-image">
        <img src="..." alt="swiper image">
      </a>
    </div>
     <div class="swiper-slide">
      <a href="..." class="chocolat-image">
        <img src="..." alt="swiper image">
      </a>
    </div>
  </div>
</div>

Как-то так. Проблема в том, что некоторые изображения открываются в новой вкладке вместо всплывающего окна с шоколадом. Некоторое время я тестировал это поведение и понял, что проблема заключается в свойстве loop: true объекта swiper. Дублированные слайды (петля свипера работает следующим образом - дубликаты слайдов), похоже, не работают должным образом и просто открываются в новой вкладке. Я пытался заново инициализировать шоколад после события «changeSlide», но это не помогло. Есть идеи?

JS: 

$('.chocolat-parent').Chocolat().data('chocolat');

new Swiper ('.swiper-container', {
    loop: true,
    speed: 450,
    autoplay: {
      delay: 3000,
    },

    navigation: {
      nextEl: '.swiper-button-right',
      prevEl: '.swiper-button-left',
    },
  });

Простая инициация. ничего более

...