您的位置:首页 > 其它

Swiper 通过ajax加载图片轮播后,导航点失效问题处理。

2017-09-28 15:17 766 查看

Swiper 通过ajax加载图片轮播后,导航点失效问题。



问题:

Swiper的图片是,ajax加载出来的,先ajax然后再执行Swiper后,Swiper的某些功能失效(滑动图片的时候下面的几个提示小点不跟着动)



解决方式:

1.Swiper重新加入observer:true,observeParents:true,这2个添加新原始的初始化参数,

2.加入初始化参数后不能在ajax里面执行,不然还是冲突,

3.这种情况下Swiper只能使用最基础的效果,否则还是失效。

observer:true,//修改swiper自己或子元素时,自动初始化swiper

observeParents:true,//修改swiper的父元素时,自动初始化swiper

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: