Question

我已经坐了很长时间做一个相对简单的任务，即转换javascript对象并在页面上打印它。但是什么都没有出现。任何人都可以发现任何明显的缺陷吗？

<script>
$(document).ready(function() {
    $('#some_div').html(render_lists());
});

    function render_lists(){
var data = {
    "1": {
        "title": "Top 10",
        "0": "Number one",
        "1": "Number two"
    }
};
            var result_html = '';
            result_html+='<div class="row">';
            var i = 1;
            for(entry in data){
                result_html+='<div class="four columns" id="pane"'+i+'" style="display:none;"><div class="panel">';
                result_html+='<p>'+data[entry].title+'</p>';
                result_html+='</div><div class="box"><table width="100%">';
                delete data[entry].title;
                for(key in data[entry]){
                    result_html+='<tr><td>'+data[entry][key]+'</td></tr>';
                }
                result_html+='</table></div></div></div>';
                i++;
            }
            return result_html;
    }

</script>

Answer 1

你的代码有效，只是你隐藏了div。

http://jsfiddle.net/5AyAd/

for(entry in data){
    result_html+='<div class="four columns" id="pane"'+i+'" style="display:none;"><div class="panel">';

Answer 2

将.html（render_lists（））更改为.append（render_lists（））

用jQuery打印组合HTML

2 个答案: