好久沒使用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-scrollbar',}) </script>

可是竟然不起作用，分頁器呀，前進后退按鈕啥的都沒反應，有一些方法也都沒用，找了好久終于發現問題，原來Swiper4和之前的使用方法有些不一樣，在Swiper4里面初始化寫法是：

<script> var mySwiper = new Swiper ('.swiper-container', {direction: 'vertical',loop: true,// 如果需要分頁器pagination: {el: '.swiper-pagination',},// 如果需要前進后退按鈕navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev',}，// 如果需要滾動條scrollbar: {el: '.swiper-scrollbar',},}) </script>

總結

以上是生活随笔為你收集整理的使用Swiper4插件问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。