0

我正在使用 Vanilla JS 并查看 splidejs 文档,我找不到通过单击或滑动图像来检测轮播结束的事件。我需要检测结束才能进行 ajax 调用并加载更多图像。

const splide=new Splide( '.splide', {
     type  : 'slide',
        autoHeight:'true',
        autoWidth:'true',

        pagination:false,
        breakpoints: {
            '1400': {
                perPage: 6,
                flickMaxPages:1,
            },
            '960': {
                perPage: 4,
               

            },
            
        }
} ).mount();

splide.on( 'move', function() {
    // ajax
} );
  

<div class="splide">
    <div class="splide__arrows">
        <button class="splide__arrow splide__arrow--prev">
            Prev
        </button>
        <button class="splide__arrow splide__arrow--next">
            Next
        </button>
    </div>
    
    <div class="splide__track">
        <ul class="splide__list">
            <li class="splide__slide">Slide 01</li>
            <li class="splide__slide">Slide 02</li>
            <li class="splide__slide">Slide 03</li>
            <li class="splide__slide">Slide 04</li>
            <li class="splide__slide">Slide 05</li>
            <li class="splide__slide">Slide 06</li>
            <li class="splide__slide">Slide 07</li>
            <li class="splide__slide">Slide 08</li>
            <li class="splide__slide">Slide 09</li>
            <li class="splide__slide">Slide 10</li>
        </ul>
    </div>
</div>

4

0 回答 0