关于动态选项卡问题

分类：MUI

    <div class="mui-content" id="content">  

        </div>  
var jdata = JSON.parse("{\"category\":[" + jss + "]}");  
                        jdata.category.sort(down);  
                        var str = "",  
                            childStr = "";  
                        str += "<div id=\"slider\" class=\"mui-slider mui-fullscreen\">";  
                        str += "<div id=\"sliderSegmentedControl\" class=\"mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted\">";  
                        str += "<div class=\"mui-scroll\" id=\"categoryContent\">";  
                        for (var i = 0; i < jdata.category.length; i++) {  
                            str += "<a class=\"mui-control-item " + (i == 0 ? "mui-active" : "") + "\" href=\"#item" + jdata.category[i].catid + "\">";  
                            str += jdata.category[i].catname;  
                            str += "</a>";  
                            childStr += "<div id=\"item" + jdata.category[i].catid + "\" class=\"mui-slider-item mui-control-content " + (i == 0 ? "mui-active" : "") + "\">";  
                            childStr += "<div class=\"mui-scroll-wrapper\">";  
                            childStr += "<div class=\"mui-scroll\">";  
                            childStr += "<ul class=\"mui-table-view\" id=\"ul_" + jdata.category[i].catid + "\">";  
                            childStr += "<li class=\"mui-table-view-cell\">";  
                            childStr += "第4个选项卡子项-"+jdata.category[i].catid;  
                            childStr += "</li>";  
                            childStr += "</ul>";  
                            childStr += "</div>";  
                            childStr += "</div>";  
                            childStr += "</div>";  
                        }  
                        str += "</div>";  
                        str += "</div>";  
                        str += "<div class=\"mui-slider-group\" id=\"itemContent\">";  
                        str+=childStr;  
                        str += "</div>";  
                        str += "</div>";  
                        document.getElementById("content").innerHTML=str;  
                        //document.getElementById("categoryContent").innerHTML = template('tmplist', jdata);  
                        //document.getElementById("itemContent").innerHTML = template('tmplistitem', jdata);  

                        mui('#slider').slider();