带有缩略图的iDangero.us Swiper图片库不响应“点击”事件

Question

我在我的网站上使用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通过单击单选输入启动的“单击”事件？预先感谢。