jq代码调用swiper插件里遇到的BUG

最近写项目用到了swiper插件,说实话,swiper不是第一次用了,体验还是很棒的,但这次项目里,却遇到了一些问题,在这里记录下来,希望看到的小伙伴们不会像我一样踩雷。

问题一:swiper无效

平常都是这样写的:

但不知道为啥,突然就不行了。
检查了一下:插件已经引入,html元素类名没有问题,js里没有写错字母
最后折腾了好久,加了个定时器完事了。

改成了这种:

网上的解释是:swiper代码运行速度太快导致找不到元素从而无效.....
感觉很有道理,就是不知道为啥以前没问题,这次遇到问题了。

问题二:swiper里面的分页器无效

swiper里面有个属性 pagination,是用来制作分页器的,这次同样遇到了问题

以往的写法:

这次项目里轮播图上的分页突然就不显示了,看了看dom结构,发现根本没有那些节点,也就是说,pagination没起效果。

又是一番检查:插件已经引入,html元素类名没有问题,js里没有写错字母

后来在VUE调用swiper的一篇博客里发现了pagination的另一种写法:

查了查,发现pagination后面跟对象是版本4~7的写法,pagination后面跟字符串的写法,只在swiper插件3以及3以下的版本才会用的,这就很无奈了....

emmm暂时就遇到了这两个问题,以后有的话再补充!

posted @ 2021-12-23 09:53  我超凶的  阅读(431)  评论(0编辑  收藏  举报