最近在遇到了用jquery写的大屏展示项目,里面有个轮播通知信息之类的需求,本着能用之前的代码就用之前的代码原则,复制下来,结果效果不是很好。每当滚动到最后一条数据的时候,就停止了,到官网上也没找出来什么问题,该有的设置都有,死活不头尾衔接滚动,没办法,到百度问问,还真的找到了问题所在。
由于我用的是jquery,在请求数据后,将数据循环放入html模板字符串,再把字符串放入body里, 初始化swiper, 再添加到swiper本体里面,这样就能出来首位衔接轮播的效果,之前就是没有按照这个流程来的。
这个swiper是复制要循环轮播的第一条数据放在队尾,以达到首位衔接,也就是说一定要把数据和html放到body里,可以显示,再初始化swiper!!!