使用Swiper4插件问题

最新推荐文章于 2024-07-02 17:23:39 发布

代码小公举

最新推荐文章于 2024-07-02 17:23:39 发布

阅读量8.1k

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/Letasian/article/details/78429080

版权

在尝试使用Swiper4实现轮播效果时，遇到初始化问题，导致分页器、前进后退按钮未响应且部分方法失效。经过排查发现，Swiper4的初始化方法与之前版本有所不同，需要采用新的写法进行配置。

摘要由CSDN通过智能技术生成

好久没使用swiper.js插件，那天使用此插件来展现一个轮播效果，使用的是swiper4的js和css文件，正常我们初始化Swiper会这样写：

<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'vertical',
    loop: true,
    // 如果需要分页器
    pagination: '.swiper-pagination',
    // 如果需要前进后退按钮
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    // 如果需要滚动条
    scrollbar: '.swiper-scrol