javascript - 在刚刚添加的元素中绘制画布

Question

在我的 main.html 中，我将内容 div 替换为以下部分。

<div id="content">
    <canvas id="field" width="400px" height="600px"></canvas>
</div>

我想要的是，在替换 html 之后，执行该函数并绘制矩形。目前我有这个，但它不工作。

$("#line_up").click(function() {
    $("#content").load("../html/line_up.html #content > *");
    loadCanvas();
});

function loadCanvas() {
    var x = document.getElementById("field");
    field = x.getContext('2d');
    field.strokeRect(10, 10, 280, 280);
}

谢谢大家。

Answer 1

是异步调用，加载完毕后需要等待写入画布

$("#line_up").click(function() {
    $("#content").load("../html/line_up.html #content > *", loadCanvas);
});