gpt4 book ai didi

javascript - 如何在表格内制作可拖动的单元格

转载 作者:行者123 更新时间:2023-12-03 05:38:30 27 4
gpt4 key购买 nike

该表是通过 JS 函数动态生成的。我需要它有可滴细胞。 jQuery 函数对此不起作用。

生成单元格后,它们属于 id = "table" 的 div 。

如何访问单元格?

<body>
<form>
Rows: <input type="text" id="input1" />
Columns:<input type="text" id="input2" />
<input type="button" value="Generate" onclick='generateTable();'></input>
</form>
<div id="table"></div>
<script type="text/javascript">
function generateTable() {
var rows= document.getElementById("input1").value;
var columns= document.getElementById("input2").value;

var r= parseInt(rreshta);
var c= parseInt(kolona);

var theader = '<table>\n';
var tbody = "";

for(i= 0; i < r; i++){
tbody += '<tr>';

for (j = 0; j< c; j++){
tbody += '<td id = "cell" class= "freeCell">';
tbody += 'Cell: ' + i + ',' + j;
tbody += '</td>';
}
tbody += '</tr>\n';
}
var tfooter = '</table>';
document.getElementById("table").innerHTML = theader + tbody + tfooter;

}

$( function() {
$( "#table td" ).draggable();
} );
</script
</body>
</html>

最佳答案

您可以在创建表后调用$( "#table td").draggable();

function generateTable() {
var rows= document.getElementById("input1").value;
var columns= document.getElementById("input2").value;

var r= parseInt(rows);
var c= parseInt(columns);

var theader = '<table>\n';
var tbody = "";

for(i= 0; i < r; i++){
tbody += '<tr>';

for (j = 0; j< c; j++){
tbody += '<td id = "cell" class= "freeCell">';
tbody += 'Cell: ' + i + ',' + j;
tbody += '</td>';
}
tbody += '</tr>\n';
}
var tfooter = '</table>';
document.getElementById("table").innerHTML = theader + tbody + tfooter;
$( "#table td" ).draggable();

}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<form>
Rows: <input type="text" id="input1" />
Columns:<input type="text" id="input2" />
<input type="button" value="Generate" onclick='generateTable();'></input>
</form>
<div id="table"></div>

关于javascript - 如何在表格内制作可拖动的单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40642391/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com