Jquery 추가 내용 - 클릭 할 수 없음

Question

다음 JQ 있습니다. 기본적으로 목록 항목을 선택하면 일부 인라인 편집을 허용하는 작은 아이콘이 추가됩니다. 그러나, 나는 jquery 추가 된 내용으로 작업 할 수 없습니다. JQ 추가 콘텐츠를 클릭하면 콘솔에 아무것도 기록 할 수 없습니다. 아래 코드에 문제가 있습니까?

이 목록에서 사용하는 검도 UI 라이브러리에 대한 링크가 없으므로 필자를 추가 할 수 없습니다.

$(".k-state-focused").on("click", "a#EditWindow", function (e) { 
    console.log("Asdf"); 
    $.get("ClassificationEditEntity", function(data) { 
    $(".k-window-content").html(data); 
    }); 
}); 

또는 : HTML을 동적으로 DOM로드 한 후 추가로

<script> 
       $(function() { 
        $("#treeview-left li").click(function() { 
          $("div#EditEntity").remove(); 
          $(this).find(".k-state-focused").append("<div id='EditEntity'>&nbsp;&nbsp;<a href='#' id='EditWindow' class='icon-pencil active tiny'></a></div>"); 
        }); 
        $(".k-state-selected").on("click", "a#EditWindow", function (e) { 
         e.preventDefault(); 
         $.get("ClassificationEditEntity", function (data) { 
          $(".k-window-content").html(data); 
         }); 
        }); 
       }); 

      </script> 

Answer 1

당신은 delegated event 필요

$(document).on("click", "a#EditWindow", function (e) { 
     console.log("Asdf"); 
     $.get("ClassificationEditEntity", function(data) { 
     $(".k-window-content").html(data); 
     }); 
    }); 

위임 이벤트 페이지 세부의 마지막에 HERE를 참조하십시오.