[오류해결] html element 복제(clone) 후 클릭이벤트가 정상적으로 호출되지 않는 오류

 

 

 

 

section 클래스를 가진 div에 clone_div 클래스를 가진 div를 복제하여 붙여넣었습니다.

하지만 여기서 오류가 등장..
아래 클릭이벤트가 호출되지 않습니다.

 

clone_div = $(".clone_div").clone();
$(".section").append(clone_div);

$(".clone_div").click(function(){
 ....
})

 

요 문제를 해결하기 위한 두가지 방법!

1. 아래와 같이 document가 생성된 후 클릭하면 호출되도록 변경합니다

$(document).on("click", ".clone_div", function(){
....
})

 

 

2. 복제시 파라미터로 true를 넣어주면 됩니다

 

clone_div = $(".clone_div").clone(true);
$(".section").append(clone_div);

$(".clone_div").click(function(){
 ....
})

 

끝