동적으로 추가 된 .on() 사용 문제

Question

나는 .live()을 읽었으며 대신 .on을 사용해야한다고 읽었습니다. 그러나 .on은 DOM에 추가 된 요소에 대해 작동하지 않는 것 같습니다.

내 스크립트는 임의의 수의 텍스트 상자 (input type="text")가있는 테이블을 추가하고 해당 텍스트 상자의 내용이 변경되면 스크립트를 실행하려고합니다.

내 코드의 일부입니다. vendorsPopUp은 내 테이블을 포함하는 div를 참조합니다.

$('input', vendorsPopUp).on('change', function (e) { 
    alert($(this).attr('class')); 
}); 

그러나 텍스트 상자의 내용이 변경되면이 코드는 실행되지 않습니다.

Answer 1

그것은 더 하위 요소가없는 테이블이나 신체 또는 사업부하지 입력에 당신이 부르는

$(vendorsPopUp).on('change', 'input', function (e) { 
    alert($(this).attr('class')); 
});