javascript-检测 SplideJS 是否已满载
如何检查 SplideJS 是否已满载,然后我可以做些什么?
我已经尝试过该load事件,但它似乎只适用于页面或 iframe。我也试过API
if ( splide.state.is( Splide.STATES.IDLE ) ) { console.log('Done'); }
或者
if ( splide.state.is( Splide.STATES.MOVING ) ) { console.log('Done'); }
我也尝试过Events:
splide.on( 'move', function () {
console.log('Done');
});
或者
splide.on( 'autoplay:play', function () {
console.log('Done');
});
不敢相信以上所有方法都不起作用。下面是最小的示例代码:
document.addEventListener( 'DOMContentLoaded', function() {
var splide = new Splide( '.splide' );
splide.mount(window.splide.Extensions);
});
.splide {
height: 300px;
}
.splide__slide {
background-color: gray;
color: white;
}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/css/splide.min.css">
<section class="splide" aria-label="Splide Basic HTML Example">
<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>
</ul>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/js/splide.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-auto-scroll@0.4.2/dist/js/splide-extension-auto-scroll.min.js"></script>