node.js - 処理スケッチをdivに追加する方法は?

Question

動的に作成された div にスケッチを追加する際に問題があります。次のコードが機能します。

<div id="column_1" y='1' class="column"> </div>
<div id="column_2" y='2' class="column"></div>  
<div id="column_3" y='3' class="column">
    <canvas id="cube" data-processing-sources="/processing/rotating_cube.pde" width="240" height="240">
    </canvas>
    <p>something</p>
</div>

ただし、それではありません。

$('#test4').click(function(){
    alert("test4");
    $('#column_3').append( 
        '<canvas id="cube" data-processing-sources="/processing/rotating_cube.pde" width="240" height="240">' +
        '</canvas>' +
        '<p>something</p>'
    );
});

nodejs webserver と processing.js を使用しています

任意のポインタをいただければ幸いです

1月