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

回答

相关问题