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加載後未顯示網頁內容

回答

相關問題