![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
swiper
caicaicai404
很佛系,闲来无事就写写博客
展开
-
Swiper(一):解决swiper动态加载下一页衍生的问题
swiper插件好用不假,但真正项目中的轮播图是不可能一直用静态数据的,当我们用动态数据渲染轮播图的每一页时,如果调轮播的方法放的位置不对,轮播图就会出现不能滑动的问题,解决方法,看下面例子:$.ajax({ type: "POST", url: XXX, //接口地址 data: { pag...原创 2018-04-13 12:42:42 · 8417 阅读 · 0 评论 -
Swiper(二):swiper自定义分页器样式
demo: (只是大概写了一下样式,重点在于"paginationBulletRender"里面的写法)<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title原创 2018-04-15 22:51:41 · 11652 阅读 · 2 评论 -
Swiper(三):自定义点击事件swiper跳到指定页面
选择哪个按钮就会跳到指定的页面,这样我们就可以自己来定义swiper分页器的功能了。下面的例子可以应用在点击地图上的用户头像,则滚动到到对应用户的信息轮播图swiper的slideTo方法,swiper.slideTo(index,speed,runCallbacks);index:必填,需要跳到页面的索引speed:选填,切换速度(毫秒)runCallbacks:选填,...原创 2018-04-15 22:52:50 · 42349 阅读 · 5 评论