jquery - jQueryを使用して作成されたHTMLを印刷する

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（））に変更します