

下記のように swiper クリック時に `slideTo` で 中央にフォーカスするようにしているんですが、始端や終端まで進めると途切れてしまいます。

マウスドラッグ or touchEvent
を発生させると、また要素がクローンされるようなんですが、それをプログラムだけで完結出来る方法をご存知であれば知りたいです。  
`swiper.slideTo()` の後 `swiper.update()` を追加したり、 option を色々試してみましたが梨の礫で。

[code]

    let swiper = new Swiper('.swiper-container', {
        slidesPerView: 4.9,
        spaceBetween: -1,
        loop: true,
        grabCursor: true,
        centeredSlides: true,
        uniqueNavElements: true,
    });
    
    swiper.on('click', function (){
        swiper.slideTo(swiper.clickedIndex);
    });
    
[/code]


CC BY-SA 4.0
2020-11-20T11:01:40.813
72098
2022-02-08T16:01:20.123
2020-11-20T12:43:13.227
3060
42812
question
javascript jquery
swiper.jsのloop時末端が途切れる


自己解決しました。  
`slideTo()` ではなく `slideToClickedSlide()` を使う事で途切れる事がなくなりました。


CC BY-SA 4.0
2020-11-24T03:24:08.950
72172
2020-11-24T03:24:08.950
42812
72098
answer