FullCalendar 클릭 이벤트가 트리거되지 않았습니다.

Question

이벤트에 제거 아이콘을 동적으로 추가하는 fullCalendar가 있습니다. jsFiddle을 볼 수 있습니다.

페이지 상단에 동적으로 추가 된 제거 아이콘이 있음을 알 수 있습니다. 그것을 클릭하면 콘솔에서 메시지가 트리거됩니다. 그러나 동일한 코드를 fullCalendar 이벤트 (eventRender 함수)에 추가하면 동일한 처리기가 추가되지만 아이콘을 클릭 할 때 트리거되지 않습니다.

이것이 작동하지 않는 이유는 무엇입니까?

Answer 1

동적으로 생성 된 요소에 대한 클릭 이벤트입니다. 클릭 기능을 다음으로 변경하는 경우 :

$(document).on("click", ".fc-event-delete-button", function(event) { 
console.log("click", event); 
}) 

그러면 문제가 해결됩니다.

동적으로 생성 된 요소를 사용하면 이와 같은 클릭 기능을 작성해야합니다. 페이지에 이미있는 항목에 첨부하고 대괄호 안에 정확한 요소를 지정하십시오.

여기에 업데이트 된 JS Fiddle 예