Swiper，无法使画廊的拇指移动如何解决？

Question

点击拇指时图片会根据需要显示，但拇指本身并没有移动，我的拇指比显示的多，当我点击拇指时她必须像点击下一个按钮一样移动**

let galleryThumbs = new Swiper('.gallery-thumbs', {
    spaceBetween: 10,
    slidesPerView: 2,
    loop: true,
    freeMode: false,
    watchSlidesVisibility: true,
    watchSlidesProgress: true,
    slideToClickedSlide: true,
    loopedSlides: 5
});
let galleryTop = new Swiper('.gallery-top', {
    spaceBetween: 10,
    loopedSlides: 5,
    loop:true,
    thumbs: {
      swiper: galleryThumbs,
    },
});

这是我的html（它呈现简单的滑动滑动）

 <div class="swiper-container gallery-top">
    <div class="swiper-wrapper">
            [[getImageList?
              &docid=`[[*id]]`
              &limit=`0`
              &tvname=`img-slider`
              &tpl=`@CODE: <div class="swiper-slide"><img src="/[[+home_img]]" alt="[[*pagetitle]]"></div>`
            ]]
    </div>
  </div>
  <div class='swiper-container gallery-thumbs'>
    <div class="swiper-wrapper">
        [[getImageList?
          &docid=`[[*id]]`
          &limit=`0`
          &tvname=`img-slider`
          &tpl=`@CODE: <div class="swiper-slide"><div class="small_body"><img src="/[[+home_img]]" alt="[[*pagetitle]]"></div></div>`
        ]] 
    </div>  
</div>

Answer 1

Easy bro_)) 将此行添加到您的代码中，它就会移动！ galleryTop.controller.control = galleryThumbs;

Swiper，无法使画廊的拇指移动如何解决？

Swiper, cannot make gallery thumbs move how to fix?

html

javascript

swiper