我正在使用 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>