关于WeX5的carousel控件如何清除图片和增加图片

sunman

看到一篇文章很好，解决了我的问题，就分享给大家~

在提供的Taobao案例里没有写明，所以笔者测试了N次和网上找资料（无果）之下，终于找到最简单的方法，现给大家分享，希望能帮到有需要的童鞋~

carousel控件在使用前先清除上次的代码：

1.                 //每次使用轮换图前先清空原来的图片方法，但要加回1个页面，然后再将索引跳到0才会有效。
   
2.                 var carousel = this.comp("carousel1");
   
3.                 var contents = this.comp("contents1");
   
4.                 carousel.removeAll();
   
5.                 carousel.add('<img src="" class="image-wall tb-img"/>');
   
6.                 contents.to(0);
   

复制代码

然后再按图片的数量重复添加进去，0索引的图片就更新src：

1.                                 if (i === 0) {
   
2.                                         $(carousel.domNode).find("img").eq(0).attr({
   
3.                                                 "src" : src
   
4.                                         });
   
5.                                 } else {
   
6.                                         carousel.add('<img src="' + src + '" class="image-wall tb-img"/>');
   
7.                                 }

复制代码

亲测可用。