Swiper.js 没有像文档中那样做出反应

Question

我正在尝试使用 Swiper.js (http://idangero.us/swiper/api/)，但是当我将它添加到我的项目时它的行为真的很奇怪，即使我禁用了所有其他 JS 文件。例如，如果我这样使用自动播放功能：

var swiper = new Swiper('.swiper-container', {
                autoplay: 2500,
            });

它工作正常，但如果我喜欢这样（就像在文档中）：

var swiper = new Swiper('.swiper-container', {
          autoplay: {
              delay: 2500,
          },
        });

即使我更改了滑块，它也会立即开始自动播放。我也无法让导航按钮工作，它们在那里，但当我点击它们时没有任何反应：

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
</div>
<script>
    var swiper = new Swiper('.swiper-container', {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
</script>

我做错了什么？

Answer 1

在尝试了很长时间后，我确实为我的下一个和上一个按钮找到了解决方案，因为没有任何效果，我做了这样的解决：

var swiper = new Swiper('.swiper-container', {
                        autoplay: 5000,
                        allowTouchMove : true,
                        parallax: true
                    });

        var mySwiper = document.querySelector('.swiper-container').swiper;

        $('.swiper-button-next').click(function(){
            mySwiper.slideNext();
        });
        $('.swiper-button-prev').click(function(){
            mySwiper.slidePrev();
        });

也许它会帮助另一个和我有同样问题的人。

Swiper.js 没有像文档中那样做出反应

Swiper.js does not react like in the documentation

javascript

jquery

slider

swiper