本人處理的方法是:
1、頭部加載插件: <link rel="stylesheet" href="swiper.min.css"> <script src="swiper.min.js"></script> 2、html部分: <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> <!-- 如果需要分頁器 --> <div class="swiper-pagination"></div> </div> 3、js部分: $(document).ready(function() { var mySwiper = new Swiper('.swiper-container', { loop:true, autoplay:true, pagination: { el: '.swiper-pagination', clickable: true, } }); //此方法為模擬的,hover到分頁器的小圓點后自動觸發其本身的click事件 $(".swiper-pagination-bullet").hover(function() { $(this).click(); //鼠標划上去之后,自動觸發點擊事件來模仿鼠標划上去的事件 },function() { mySwiper.autoplay.start(); //鼠標移出之后,自動輪播開啟 }) })
大神繞道,不喜勿噴。
