6***@qq.com
6***@qq.com
  • 发布:2017-06-12 14:30
  • 更新:2017-06-12 14:30
  • 阅读:1093

为grallery(图片轮播)动态添加内容出现的问题?

分类:MUI


1.标签图
<!--滑动组图-->
<div id="slider" class="mui-slider slider-div">
</div>
2.动态添加数据
var sliderGroup = document.createElement("div");
sliderGroup.className = "mui-slider-group";
var group = '<div class="mui-slider-item">' +
'<a id="' + 0 + '" href="#' + 0 + '">' +
'<img src="' + newsData.arrayImg[0].img + '"/>' +
'</a>' +
'<div>';
for(var i = 1; i < newsData.arrayImg.length; i++) {
group += '<div class="mui-slider-item">' +
'<a id="' + i + '" href="#' + i + '">' +
'<img src="' + newsData.arrayImg[i].img + '"/>' +
'</a>' +
'<div>';
}

sliderGroup.innerHTML = group;  
var slider = document.getElementById('slider');  
slider.appendChild(sliderGroup);  
var gallery = mui('.mui-slider');  
gallery.slider({  
    interval: 5000 //自动轮播周期,若为0则不自动播放,默认为0;  
});  

3.出现的问题
图片呈列表式纵向的全部呈现,不知道是什么原因?

2017-06-12 14:30 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复