JQuery加载后未显示网页内容

以上代码使用JSON输出生成HTML表格。JQuery加载后未显示网页内容

但是，我的问题是，此JQuery运行后，其他页面内容不显示。

<script> 
    $(document).ready(function() { 
    var html = '<table class="table table-striped">'; 
    html += '<tr>'; 
    var flag = 0; 

    var data2 = <?php echo $data; ?>; 
    $.each(data2[0], function(index, value){ 
     html += '<th>'+index+'</th>'; 
    }); 
    html += '</tr>'; 
    $.each(data2, function(index, value){ 
     html += '<tr>'; 
     $.each(value, function(index2, value2){ 
      html += '<td>'+value2+'</td>'; 
     }); 
     html += '<tr>'; 
    }); 
    html += '</table>'; 
    $('body').html(html); 
    console.log(html); 
}); 
</script>

当页面加载时，内容应该消失，它应该只显示特定的表。

来源

2017-03-09 Rooter

那是因为你基本上是更换你的身体的所有内容，这表，看你的代码$（'body'）。html（html）。 – imprezzeb

你提到过，“内容应该消失，它应该只显示特定的表格”。根据你所提到的，你的代码完全一样。它用你在这个脚本中建立的表格替换了主体中的所有内容（即，**页面中的所有**）！现在最新的问题是什么？ –

@PrashanthBenny好吧然后我需要做什么，我如何生成与其他表格内容 – Rooter

改变这种

$('body').html(html);

与

$('body').append(html);

来源

2017-03-09 06:18:54 user7417866

谢谢，它的工作:) – Rooter

很高兴帮助:) – user7417866

-1

你错过：html += '</tr>'; 请与完整的代码

<script> 
    $(document).ready(function() { 
    var html = '<table class="table table-striped">'; 
    html += '<tr>'; 
    var flag = 0; 

    var data2 = <?php echo $data; ?>; 
    $.each(data2[0], function(index, value){ 
     html += '<th>'+index+'</th>'; 
    }); 
    html += '</tr>'; 
    $.each(data2, function(index, value){ 
     html += '<tr>'; 
     $.each(value, function(index2, value2){ 
      html += '<td>'+value2+'</td>'; 
     }); 
     html += '</tr>'; 
    }); 
    html += '</table>'; 
    $('body').html(html); 
    console.log(html); 
}); 
</script>

来源

2017-03-09 06:26:08

当他将整个html替换为body.html（html）时，该怎么解决这个问题。仔细看看他想要什么.. – user7417866

请仔细看看代码他不完整的'tr'标签并创建新的'tr'标签 –

buddy他的问题表明他希望显示此表与现有内容。显然不完成tr不会限制js显示表格。一旦找到主要解决方案，就可以解决这种美学变化。你的代码不会解决他的基本问题，他的意思是在这里回答..希望你明白了.. – user7417866

检查可能造成的

$('body').html(html);

因为html（）方法会改变body元素的内容。您应该使用

$('body').append(html);

在正文元素的末尾插入内容。

来源

2017-03-09 07:30:26 kevin

你必须.ready函数运行单击事件....因为当文件已准备就绪那么只有你可以处理单击事件

$(document).ready(function(){ 
$("#electric").click(function(e){ 
$("#chart_div").load("new_content.html"); 
}); 
});

来源

2017-03-09 07:50:28

JQuery加载后未显示网页内容

回答

相关问题