關於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"/>');
                }

有什麼不明的可以直接評論,有空就回,謝謝支持!


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章