使用jQuery打印組成的HTML

我一直在坐着很長時間來完成轉換JavaScript對象並將其打印在頁面上的相對簡單的任務。然而什麼也沒有出現。任何人都可以有任何明顯的缺陷？使用jQuery打印組成的HTML

<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>

來源

2012-06-21 Andreas Jarbol

當然它不會出現，當它有'風格=「顯示：無;'設置:) – biziclop

你的代碼的工作，它只是你有div的隱患。

http://jsfiddle.net/5AyAd/

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

來源

2012-06-21 21:40:32

OMG那是正確的。我想我一直在尋找一個更復雜的解決方案。非常感謝你，讓我放心！ –

更改您的.html（render_lists（））來.append（render_lists（））

來源

2012-06-21 21:38:49

使用jQuery打印組成的HTML

回答

相關問題