추가 캔버스 jquery 동적

Question

와 나는이 바이올린 내 모든 코드를 포함 시켰습니다.

두 번째 추가 버튼을 클릭 할 때마다 새 캔버스를 추가 할 수 있기를 원하지만 작동시키지 못합니다. 비슷한 코드가이 피들에서 작동합니다. http://jsfiddle.net/dzejkej/xwg5f/

광산이 작동하지 않는 이유는 알지 못합니다. 뭐가 잘못 됐는지 몰라. 도와주세요.

Answer 1

예제 코드에서 수행하는 것과 동일한 ID로 여러 요소를 만들면 안됩니다. document.getElementById('canvas');은 항상 id가 "canvas"인 첫 번째 요소를 반환합니다.

var elementID = 'canvas' + $('canvas').length; // Unique ID 

$('<canvas>').attr({ 
    id: elementID 
}).css({ 
    width: rectWidth + 'px', 
    height: rectHeight + 'px' 
}).appendTo('#work_area'); 

var canvas = document.getElementById(elementID); // Use the created element 

다음은 작동 예제입니다. http://jsfiddle.net/5b8NH/