轮播图不能无缝链接

for(var i=0;i<data.length;i++){
str+='<img src="1.png">'
}
$('.swiper-container .swiper-wrapper').html(str)

但是这样写完之后 轮播的时候就会一直只轮播最后一张图片。。。求大神指点
为什么静态就可以 获取完后不能顺序轮播了。。