我想在for循環中動態創建表可拖動和可拖動。它不工作。對於靜態表,它工作正常。小提琴herejquery droppable和draggable無法在for循環中動態創建表
的Javascript:
$(document).ready(function() {
$("#button1").click(function() {
for (var j = 1; j < 4; j++) {
var table = document.createElement("table");
var tbody = document.createElement("tbody");
for (var i = 1; i < 5; i++) {
var tr = document.createElement("tr");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var text1 = document.createTextNode("Text" + j + "-" + 1 + i);
var text2 = document.createTextNode("Text" + j + "-" + 2 + i);
td1.appendChild(text1);
td2.appendChild(text2);
tr.appendChild(td1);
tr.appendChild(td2);
tbody.appendChild(tr);
table.appendChild(tbody);
//var id = "a" + j + "." + i;
//tr.attr({"id",id}).appendTo(table);
// tr.setAttribute("id", id);
}
document.getElementById("tb").appendChild(table);
table.setAttribute("id", "t" + j);
tbody.setAttribute("id", "tb" + j);
$("#" + "tb" + j).sortable({
items: "> tr:not(:first)",
appendTo: "parent",
helper: "clone"
}).disableSelection();
}
});
});
HTML:
<button id="button1">
button1
</button>
<div id="tb">
</div>
請提供有關您的問題的進一步信息。 「它不工作」根本不是一個有效的問題描述。 –
添加$(#id).sortable()代碼後,表格甚至沒有被創建。它假設每個創建3行,每行4行。表格行假定爲可拖動和可拖放的。但他們不是 – NZLearner