返回

javascript-检测 SplideJS 是否已满载

发布时间:2022-07-28 19:44:58 338
# 前端

如何检查 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>

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(1)
按点赞数排序
用户头像