[jquery] 동적으로 생성된 요소에 클릭 이벤트 주기

위의 click 함수를 쓰면 동적으로 생성된 html 태그들이 있을 경우 이벤트가 발생되지 않았다.

$('#type').click(function(){
 
    $('#hour').html("<option value='18'>18</option>");
 
 });
 

조금 찾아보니 간단하게 해결할 수 있었다. 아래처럼.

 
$('#type').on('click', function(){

    $('#hour').html("<option value='18'>18</option>");
 
 });

또는 

 
$(document).on("click", "#type", function(){
        $('#hour').html("<option value='18'>18</option>");
    });

이렇게 하면 동적으로 생성된 태그들도 클릭이벤트가 먹힌다.