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

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);
});