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

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