iDangero.us Галерея изображений Swiper с миниатюрами не реагирует на событие «щелчка» - PullRequest
Новая
       14

iDangero.us Галерея изображений Swiper с миниатюрами не реагирует на событие «щелчка»

0 голосов
/ 24 мая 2019

Я использую idangero.us Swiper на моем веб-сайте для отображения галереи изображений большими пальцами. Итак, у меня есть несколько радиовходов с 'data-image-id', которые содержат ссылку на миниатюры галереи swiper. Эти большие пальцы содержат id = "product-image-id - ##" (## - любое число).

Таким образом, предполагается изменить отображаемое изображение, щелкнув по этим радиовходам, так как это было нажатие на миниатюру. У меня есть следующий код для этого: 

this.form.find(".skus input[type=radio]").click(function () {
  if ($(this).data('image-id')) {
    $("#product-image-" + $(this).data('image-id')).click();
  }
}

И следующий код для галереи: 

<div class="swiper-container gallery-top">
  <div class="swiper-wrapper">
      <div class="swiper-slide">
          <img src="http://www.picpedia.org/highway-signs/images/example.jpg">
      </div>
      <div class="swiper-slide">
          <img src="http://www.picpedia.org/highway-signs/images/example.jpg">
      </div>
      <div class="swiper-slide">
          <img src="http://www.picpedia.org/highway-signs/images/example.jpg">
      </div>
      <div class="swiper-slide">
          <img src="http://www.picpedia.org/highway-signs/images/example.jpg">
      </div>
  </div>
</div>
 
<div class="swiper-container gallery-thumbs">
    <div class="swiper-wrapper">
        <div id="product-image-01" class="swiper-slide">
            <img src="http://www.picpedia.org/highway-signs/images/example.jpg">
        </div>
        <div id="product-image-02" class="swiper-slide">
            <img src="http://www.picpedia.org/highway-signs/images/example.jpg">
        </div>
        <div id="product-image-03" class="swiper-slide">
            <img src="http://www.picpedia.org/highway-signs/images/example.jpg">
        </div>
        <div id="product-image-04" class="swiper-slide">
            <img src="http://www.picpedia.org/highway-signs/images/example.jpg">
        </div>
    </div>
</div>

Итак, проблема в том, что когда я нажимаю переключатель, нажимаю кнопку «получает» для эскизов галереи, но не отвечает галерее, поэтому изображение не изменяется. Как заставить миниатюры Swiper реагировать на событие «щелчка», инициированное нажатием на радиовход через jQuery? Заранее спасибо.

...