图文表格-左右滑动效果问题

我想做 "左右滑动分页" 那个demo的效果，需要用js拼接，但是拼接结果不能正常滑动，把它复制到html上写死就能正常滑动

官方 hello mui 的demo效果

            for(var i in adJson) {  
                if(i%4==0){//一页的开始  
                    console.log(i);  
                    muiSliderItem = document.getElementById("mui-slider-item-template").cloneNode(true);//克隆一个滚动滑块模版  
                    muiSliderItem.id = "mui-slider-"+i;  
                    muiSliderItem.style.display="";  
                }  
                var muiTableViewCell = document.getElementById("mui-table-view-cell-template").cloneNode(true);//滚动滑块里边的一个单元位，每个滑块可放四个cell  
                muiTableViewCell.style.display="";  
                muiTableViewCell.id = "ad_appinfo_block_"+i;  
                var a = muiTableViewCell.querySelector(".aTag");  
                muiTableViewCell.querySelector(".aTag").href = adJson[i].address;  
                muiTableViewCell.querySelector(".aTag").appInfoType = adJson[i].appInfoType;  
                muiTableViewCell.querySelector(".aTag").querySelector(".ad_icon").src = adJson[i].photo;  
                muiTableViewCell.querySelector(".aTag").querySelector(".ad_name").innerText = adJson[i].name;  
                //console.log(muiTableViewCell);  
                muiSliderItem.children[0].appendChild(muiTableViewCell);  
                var temNum = parseInt(i)+1;   
                if(temNum%4==0){//完成一页  
                    console.log("-------------------------");   
                    adSliderGroup.appendChild(muiSliderItem);  
                }  
            }

要添加到这段html代码里边去：

<div class="ad_banner" id="ad_banner" style="display: none;">  
        <div class="mui-slider">  
            <div class="mui-slider-group mui-slider-loop" id="ad-slider-group"></div>  
        </div>  
</div>

滑块“页”模版
<div class="mui-slider-item" style="display: none;" id="mui-slider-item-template"><ul class="mui-table-view mui-grid-view"></ul></div>
滑块里边的元素模版：
<li class="mui-table-view-cell mui-media mui-col-xs-3" id="mui-table-view-cell-template" style="display: none;"><a href="#" class="aTag" appInfoType="2"><img class="mui-media-object ad_icon" src="http://m.cwz8.com/wzout/page/cwz8/app/cwz8_180x180.png"><div class="mui-media-body ad_name">想要一间这样的木屋，静静的喝咖啡</div></a></li>

拼接结果是：