Javascript 如何滑动鼠标悬停分页

滑动更改为拇指悬停

不使用以下代码

var sliderThumbs = new Swiper('.slider .slider-thumbs', {
            slidesPerView: 'auto',
            });
          var slidercontent = new Swiper('.slider .slider-content', {
            disableOnInteraction: false,
            thumbs: {
              swiper: sliderThumbs,
            },
          });

我怎么能为我糟糕的英语道歉呢？

$（这个）。触发器（“click”）

不起作用，因为缩略图幻灯片实际上没有绑定

click

事件。相反，您可以调用

slideTo（）

方法并使用缩略图的索引，如下所示：

$('.swiper-slide.thumb-slide').hover(function() {
      $( this ).trigger( "click" );
   });   

见下文：

• Swiper API方法：
• jQuery的

  .index（）

  方法：

$('.swiper-slide').on('mouseover', function() {
    slidercontent.slideTo($(this).index());
})