本文主要是介绍轮播图分页器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
这篇关于轮播图分页器HTML结构,【Web前端问题】切换多个swiper之后滑动轮播图底下的分页器不动了?...的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!