원본을 제거한 후 복제 된 요소의 이벤트 처리기 사용

Question

끌어서 놓기 및 1 클릭 이벤트 처리기와 같은 속성을 가진 요소가 있습니다. 이 요소를 복제했으며 복제 된 요소가 원래 인 DOM에서 여전히 인 이벤트 처리기를 사용하고 있음을 확인합니다. 그러나 DOM에서 원본을 제거하는 순간 이벤트 처리기가 파괴됩니다. 내 코드는 간다 :

는

el = $(@id).clone(true) 
$('#container').packery('addItems', el) 
el.appendTo('#container') 
$('#container').packery('layout') 
$('#lowerContainer > ' + @id).remove() 

el에 이벤트 핸들러는 한 마지막 줄이 추가되지 않습니다으로 작동합니다. 그러나 $('#lowerContainer > ' + @id).remove()을 추가하면 처리기가 종료됩니다. 누구든지 원본을 제거한 후에도 복제 된 요소에서 처리기를 유지할 수있는 방법을 알고 있습니까? 미리 감사드립니다!

Answer 1

당신은 용기보다는 개별 항목에 클릭 핸들러를 정의해야합니다

$('#container').on('click', '.item', function() {...}); 

을 나중에 추가 된 것들에 같은 기존 항목에로 클릭을 처리합니다이 경우.