layui 动态拼接div 轮播图不显示
一开始用静态的图片 可以正常加载,然后又从json动态拼接图片得div 发现图片不显示
控制面板中也成功加载了图片
最后发现是没有重置轮播;
需要把实例化的layui放在拼接的div 后边
<div class="layui-carousel" id="test1">
<div carousel-item="" id="lunbo">
</div>
</div>
var html='';
for (var i=0;i<_info.feature.properties.img.length;i++){
var ig=_info.feature.properties.img[i];
html+='<div ><img src="res/im/hotel/'+ig+'"></div>';
$("#lunbo").html(html);
}
//先拼接 后加载layui 轮播
layui.use('carousel', function(){
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#test1'
,width: '90%' //设置容器宽度
,arrow: 'always' //始终显示箭头
//,anim: 'updown' //切换动画方式
});
});