轮播图分页器HTML结构,【Web前端问题】切换多个swiper之后滑动轮播图底下的分页器不动了？...

使用swiper进行轮播效果，出现了一个奇怪的问题，不知是不是bug，

多次点击切换button之后 ，滑动轮播图，底下的分页小点点就不动了？

回答：

之前没用过Swiper，专门去官网看了一下demo和API。

楼主的问题不是Swiper插件出现Bug，而是你在createSwiper()函数中，用一个局部变量”var swiper = Swiper()”去创建一个Swiper实例后，再次调用createSwiper()函数时，没有对之前创建的实例进行释放，从而出现问题。

刚才测试了一下，你的方法不清楚会不会造成内存泄漏，但是Pagination在”loop: true”时，会出现计算错误，导致你所谓的bug。

修改如下：

$(function() {

$("button").click(function() {

var index = $(this).index();

var swiper;

$("body").find('.wrap-container').eq(index).show().siblings('.wrap-container').hide();

if(swiper !== unde