天天看点

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

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

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

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

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

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

有什么不明的可以直接评论,有空就回,谢谢支持!

继续阅读