로드 된 페이지 이후에 생성 된 요소에 내용을 추가하는 방법

Question

동적으로 생성 된 div가 있는데로드 될 때 일부 요소를 추가하려고합니다. jQuery .load() 및 .live()가 도움이되지 않았습니다.

$('div#mydiv').load(function(){ 
    $(this).html('loaded!'); 
}); 

Answer 1

당신은 준비 섹션에서 클릭에 대한 이벤트를해야한다 :

$('input').live('click', function(){ 
     alert("!"); 
    }); 

Answer 2

그것은 매우 어려운 문제가 더 컨텍스트없이 알고. 가능한 경우 수행하려는 작업에 대한 전체 스 니펫을 게시하십시오.

지금까지 게시 한 내용 중 #myDiv div가 페이지의 초기 HTML에 없습니다. 그래서이 두 가지 가능성을 참조하십시오..

• 당신은 요소를 만드는 것 다른 JS가 (예 : $('#foo').append('<div id="myDiv"></div>') 다음 요소가 가능하고있을 것 '이'즉시 코드가 페이지의 일부 요소를 추가한다. 따라서이 경우에 요소 #foo이 이미 DOM에 있다고 가정하면 다음 줄에서 $('#myDiv').text('Loaded!')과 같은 작업을 수행 할 수 있습니다
• AJAX 호출의 일부로 요소를로드하고 있습니다 (예 : 네트워크를 통해) .load 요소 ($('#foo').load('/someurl'))를 사용하면 콘텐츠가로드 된 후에 호출 할 콜백 함수가있는 다른 매개 변수를 추가 할 수 있습니다. 또는 약식 frien을 사용하는 경우 ds ($.get, $.post 등) 및 success 또는 complete 콜백에서 동적으로 콘텐츠를 추가/생성하는 방법은 이전 글 머리 기호를 참조하십시오.

희망이 도움이됩니다. 더 많은 내용이 없으면 귀하의 질문에보다 구체적인 대답을하기가 어렵습니다.

Answer 3

외부 파일을로드 한 후 콜백에 코드를 삽입하십시오 :

$('#mydiv').load('myfolder/myfile.html', function() { 
    $('#mynewdiv').html('loaded'); 
}); 

모든 다른 경우, 파일을로드 $ 아약스를 사용하여 시도 실패하고 완전한 핸들러는 콘텐츠를 삽입 할 수 있습니다.