jQuery로 새 요소 선택

Question

jQuery/javascript를 배우고 있으며 기본적인 질문이 있습니다. 왜이 기능이 작동하지 않습니까? 미리 감사드립니다.

Answer 1

$(document).ready이 (가) 실행되기 전에 두 번째 스크립트 섹션이 실행되기 때문에 작동하지 않습니다. 따라서 아직 존재하지 않는 요소에 onclick 처리기를 연결하려고합니다.

$(document).ready(function() { 
    $('<div/>', { 
     id: 'foo', 
     text: 'Does not work' 
    }) 
    .appendTo('body') 
    .click(function() { 
     alert('Success'); 
    });  
}); 

또는 on()를 사용하여 :

$('document').on("click", "#foo", function() { 
    alert('Success'); 
}); 

Answer 2

당신 돼 발생하는 모든 A의 당신이 그것을 추가로

당신은 요소에 click() 이벤트를 부착 중 하나에 의해 작동 할 수 있습니다 $ (document) .ready().

그래서 : 코드의

$(document).ready(function() { 
       $('<div/>', { 
        id: 'foo', 
        text: 'Does not work' 
       }).appendTo('body');  
       $("#foo").click(function() { 
       alert('Success'); }); 
});