我的 jQuery 自動刷新功能動態更新表格。不幸的是，由于某種原因，更新后的字符串總是在表格之前（在標題上方）被提升，因為某種原因我錯過了在我的代碼中看到：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 更新函數：<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>檢查時我看到了該<tr> .... </tr>部分下方的內容::before。另外：如果我之前創建空表行并添加 per <td>（如下所示：在腳本中使用<tr><td><div id="NAME"></div></td></tr>with而不是并且僅使用單個值）。#NAMEtablerow
2 回答
暮色呼如
TA貢獻1853條經驗 獲得超9個贊
你可以嘗試下面的代碼..
<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>
檢查這個小提琴https://jsfiddle.net/0djn9f15/
- 2 回答
- 0 關注
- 166 瀏覽
添加回答
舉報
0/150
提交
取消