DOM就绪回调

我今天遇到了一个有趣的问题。我在“模板”中存储了画布元素。我克隆了这个模板,然后将它附加到我的文档中。

这很好,只是在画布被附加到DOM之后,我需要手动绘制画布,如果在模板中这样做,它们将不再是可克隆的,jquery似乎失去了克隆它们的能力。

对于这种情况,我不知道有什么具体的现成事件。

示例代码:

var template = $("<canvas></canvas");

var clone = template.clone();
var canvas = $("canvas",clone)[0];
var context = canvas.getContext("2d");
context.beginPath()
context.moveTo(center[0],center[1]);
context.arc( 50, 50, 25, 0, Math.PI, false );
context.lineTo( 25, 25 );
context.closePath();
context.fillStyle = "blue";
context.fill();

注意,我将此代码作为示例提供,这不是我在应用程序中使用的代码。我可以画一些画布,所以如果这个代码被破坏了,对不起。

编辑:从OP的评论中发布问题的附加内容

可以。。。

var template = $("<context>"); 
clone = template.clone(); 
$("body").append(clone); 
function cloneready(){ alert('clone exists); }; 

在这里,当克隆被附加后,使cloneready执行。我想我会走另一条路,用画布深度复制来完成这项工作。