关于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);

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

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

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


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值