滑动滑块在我滑过它的时候还在滑动

Question

我有个滑块：

<div class="module mw2 mh2">
   <div class="swiper-2 swiper-module swiper-ap-1 swiper-home swiper-container-horizontal" style="cursor: -webkit-grab;">
       <div class="swiper-wrapper">
           <?php foreach ($slider_secondary as $image_info) { ?>
           <a class="swiper-slide bg op8 mp-gallery-1" data-background="<?php echo $image_info['image']; ?>" href="image/<?php echo $image_info['image_unresized']; ?>" title="<?php echo $image_info['titles'][$language_id]; ?>"></a>
           <?php } ?>
       </div>
       <!-- /swiper-wrapper -->

   <!-- Add Pagination -->
   <div class="swiper-ap-1-pag swiper-home-pagination swiper-pagination-fraction"></div>
   <!-- Add Arrows -->
   <div class="swiper-ap-1-nb swiper-home-button-next"></div>
   <div class="swiper-ap-1-pb swiper-home-button-prev"></div>
</div>
<!-- module 2 -->
</div>

而js：

var swiper = new Swiper('.swiper-2', {
    nextButton: '.swiper-2-nb',
    prevButton: '.swiper-2-pb',
    pagination: '.swiper-2-pag',
    paginationType: 'fraction',
    effect: 'slide',
    grabCursor: 'true',
    keyboardControl: false,
    loop: 'true'
});

所以..。当我点击和手动改变图片..。停止几秒钟(但仍然点击)滑块仍然改变图片。在图片下面，我暂停在这两个图像之间，但滑块仍在滑动。

​

Answer 1

我找到了正确的解决办法，这里：

$(".swiper-ap-1").hover(function(){
  this.swiper.stopAutoplay();
}, function(){
  this.swiper.startAutoplay();
});