javascript - Splide Slider - 制作响应式滑块

Question

编辑 - 它确实有效，只需要在模拟手机时刷新它。:D

---

我有这种代码，但结果是它总是每页显示 3 个项目，而不是在小型设备上显示一个。

<script>
        
   
        
    if (window.screen.width >= 750) {
      document.addEventListener( 'DOMContentLoaded', function () {
            new Splide( '.splide', {
                perPage: 3,
                focus  : 'center',
                rewind : true,
            } ).mount();
        } );
    } else {
        document.addEventListener( 'DOMContentLoaded', function () {
            new Splide( '.splide', {
                perPage: 1,
                focus  : 'center',
                rewind : true,
            } ).mount();
        } );
    }
        
    
    </script>

标签： javascripthtmlcss

Answer 1

编辑 - 它确实有效，只需要在模拟手机时刷新它。:D