Question

我正在尝试使用jquery在我拥有的网页上的iamge上创建网格。我有它在编辑小提琴，但无法让它在我的实际Web服务器上工作。

这是编辑小提琴

这是网页

http://dkraklan.me/wurmtest/maptest.html

以及此处的脚本和网站来源。

drawTable();

function drawTable() {
    var x = 128;
    var y = 128;
    var t = '<table cellspacing="0" border="0" cellpadding="0" class="grxd">';
    for (var i = 1; i <= (x * y); i++) {
        t += (i == 1 ? '<tr>' : '');
        t += '<td style="cursor:pointer;border: 1px solid black;"></td>';
        if (i == (x * y)) {
            t += '</tr>';
        } else {
            t += (i % 128=== 0 ? '</tr><tr>' : '');
        }

    }
    t += '</table>';
    $("#drawTable").html(t);
}

Answer 1

drawTable();

function drawTable() {
var x = 128;
var y = 128;
var t = '<table cellspacing="0" border="0" cellpadding="0" class="grxd">';
for (var i = 1; i <= (x * y); i++) 
{
t += (i == 1 ? '<tr>' : '');
t += '<td style="cursor:pointer;border: 1px solid black;"></td>';
if (i == (x * y)) 
{
    t += '</tr>';
} 
else 
{
    t += (i % 128=== 0 ? '</tr><tr>' : '');
}
}
t += '</table>';
SetTimeout(function(){$("#drawTable").html(t)},10000);

Answer 2

试试这个：

<!DOCTYPE html>
<html>
<body>
<style>
table>td {
    border: 1px solid #dfdfdf;
    padding:0;
    margin:0;

}
table.grxd {
    width:100%;
    height:100%;
}
</style>
<div id="drawTable" style="background:url('http://i.imgur.com/6kEWGL4.jpg');width:2048px; height:2048px"></div>

<script>
function drawTable() {
    var x = 128;
    var y = 128;
    var t = '<table cellspacing="0" border="0" cellpadding="0" class="grxd">';
    for (var i = 1; i <= (x * y); i++) {
        t += (i == 1 ? '<tr>' : '');
        t += '<td style="cursor:pointer;border: 1px solid black;"></td>';
        if (i == (x * y)) {
            t += '</tr>';
        } else {
            t += (i % 128=== 0 ? '</tr><tr>' : '');
        }

    }
    t += '</table>';
   return t;
}
document.getElementById("drawTable").innerHTML = drawTable();
</script>

</body>
</html>

通过使用getElementById，您将在地图上打印创建drawTable id的网格。当您编写函数时，函数应返回一个值，因此它返回值并在getElementById中调用i。

如何使用jquery

2 个答案: