我的 jQuery 自動(dòng)刷新功能動(dòng)態(tài)更新表格。不幸的是，由于某種原因，更新后的字符串總是在表格之前（在標(biāo)題上方）被提升，因?yàn)槟撤N原因我錯(cuò)過了在我的代碼中看到：html:<div class="container"><h1>Refresh Test:</h1></div> <div id="table_1" class="container"> <table class="table" style="width: 100%"> <thead><tr><th>1</th><th>2</th><th>time</th></tr></thead> <tbody> <div id="tablerow" > </div> </tbody> </table> </div>jQuery 更新函數(shù)：<script type="text/javascript">function refreshTable() { $.get( "/foo", "", function(data) { $("#tablerow").html("<tr><td>" + JSON.parse(data).D1 + "</td><td>" + JSON.parse(data).D2 + "</td><td>" + JSON.parse(data).D3 + "</td></tr>") }, ) };window.setInterval(refreshTable, 3000)</script>檢查時(shí)我看到了該<tr> .... </tr>部分下方的內(nèi)容::before。另外：如果我之前創(chuàng)建空表行并添加 per <td>（如下所示：在腳本中使用<tr><td><div id="NAME"></div></td></tr>with而不是并且僅使用單個(gè)值）。#NAMEtablerow
2 回答
暮色呼如
TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超9個(gè)贊
你可以嘗試下面的代碼..
<script type="text/javascript">
function refreshTable() {
$.get(
"/foo", "",
function(data) {
if($(".table tbody").children().length > 0)){
$(".table").append("<tr><td>" + JSON.parse(data).D1 + "</td><td>" + JSON.parse(data).D2 + "</td><td>" + JSON.parse(data).D3 + "</td></tr>")
}
else{
$(".table").html("<tr><td>" + JSON.parse(data).D1 + "</td><td>" + JSON.parse(data).D2 + "</td><td>" + JSON.parse(data).D3 + "</td></tr>)
}
},
)
};
window.setInterval(refreshTable, 3000)
</script>
檢查這個(gè)小提琴https://jsfiddle.net/0djn9f15/
慕的地8271018
TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊
div 不能是 tbody 的子級(jí)。給 tbody id“tablerow”，刪除 div 并重試
- 2 回答
- 0 關(guān)注
- 182 瀏覽
添加回答
舉報(bào)
0/150
提交
取消