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

みんなありがとう。