当我点击它时，Swiper 滑块仍在滑动并且

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();
});

当我点击它时，Swiper 滑块仍在滑动并且

Swiper slider still sliding when i'm cick over it and

html

javascript

jquery

slider

swiper