div를 복제 한 후 토글 아이콘이 작동하지 않는 이유는 무엇입니까?

Question

기본적으로 '월요일', '화요일'및 '즐겨 찾기'라는 세 개의 탭으로 작업하고 있습니다. 나는 토글 아이콘을 가지고있다. 월요일에 아이콘을 클릭하면 빈 심장이 채워져 복제되고 '#fav'탭에 추가됩니다. 그 순간부터 토글 아이콘이 전혀 작동하지 않습니다.

clone(true, true) 

을하지만 나를 위해 잘 작동하지 않는 것 :

나는 시도했습니다. 누군가가 올바른 방향으로 나를 가리킬 수 있다면 뭔가 잘못되었다는 것을 알고 있습니다.

나는이 피들을 만들었으므로이 문제를 경험할 수 있습니다.

https://jsfiddle.net/itsfranhere/nbLLc3L0/15/

Answer 1

이벤트 리스너는 동적으로 생성 요소에 부착되지 않는다. 따라서 즐겨 찾기 탭의 요소에 대해 click 이벤트가 발생하지 않습니다.

즐겨 찾기 탭의 앵커 요소에 이벤트 수신기를 연결하거나 이벤트 전파를 사용하여 이벤트를 캡처해야합니다.

$('div.tab-pane').on('click', '.favorite', function(e) { 
// code here 
}