天天看點

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

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

繼續閱讀