동적으로 추가 된 요소에 클래스 추가

Question

내 페이지와 다른 파일에 공유 된 왼쪽 메뉴가있어서 한 곳에서 업데이트 할 수 있습니다.

나는 그렇게처럼은 .js 파일에서 페이지에 그것을로드 오전 :

$(function() { 
    $("#left-nav").load("templates/left-nav.html", function() { 
     ... 
    }); 

    ... 
} 

I 페이지의 선택을위한 탐색 - 목록 항목을 설정할 수 있도록하고 싶습니다. 다음과 같은 것 :

$("#calendar").addClass("selected"); 

... 여기서 #calendar는 왼쪽 nav.html 템플릿 파일의 목록 항목의 ID입니다.

$(function() { 
    $("#left-nav").load("templates/left-nav.html", function() { 
     $("#calendar").addClass("selected"); 
    }); 

    ... 
} 

질문 :이 가능

내가 읽은 모든 것은 내가 파일에로드 한 후 콜백으로 addClass를 호출해야하지만, 다음이 작동하지 않는 것을 말한다 페이지에 동적으로 추가 된 콘텐츠에 수업을 추가하고, 그렇다면 어떻게해야합니까? 감사!

Answer 1

코드는 left-nav.html에 ID가 calendar 인 요소가 포함되어 있습니다.

jQuery 문서에 따라 HTML이 DOM에 추가 된 후 완료된 이벤트가 발생합니다.