jquery에 새 요소가 표시되지 않습니다.

Question

저는 JQuery를 처음 사용합니다.

나는 간단한 문제가 :

$(document).ready(function() { 

    $("#instrument").change(function() { 
     $("#tunings").html("<select id=\"TuningSelector>\"[..]</div>"); 
    }); 

    $("#TuningSelector").change(function() { 
     DoSomethingWithTheValue(); 
     }); 

}); 

문제는 다음과 같습니다 계기가 변경되면, 스크립트는 TuningSelector 변화에 더 이상 응답하지 않습니다. 마찬가지로 JQuery는 새로운 TuningSelector 요소를 보지 못합니다 ...

JQuery에서 새로 고침해야합니까? 그래서 새로 고친 DOM을 볼 수 있을까요?

Answer 1

일반적으로 on을 사용하여 선택기와 일치하는 새 요소에 처리기를 적용하고 DOM의 상위 요소에 위임하도록합니다. jQuery를 이벤트와

$('body').on('change', '#control', function() { 
    DoSomething(); 
}); 

Answer 2

당신이 이벤트는, 그러나 jQuery를 1.3 라이브 이벤트로 이벤트를 제출, 흐림, 초점, mouseenter,하는 MouseLeave 변경을 지원하지 않습니다 .live 방법을 사용하는 것이 새로운 요소에 적용 할 경우. (변경, 제출 및 흐림/포커스는 jQuery 1.4의 경우 roadmap에 있습니다)

liveQuery 플러그인을 사용할 수도 있습니다.