您的位置：首页 > 其它

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

2017-06-27 01:42 344 查看
由于官方的资料有限，在提供的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"/>');
}


有什么不明的可以直接评论，有空就回，谢谢支持！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  wex5 移动应用开发 图片 carousel
相关文章推荐
新的分享
章节导航