page - jquery id value

jquery no ve elementos nuevos

Question

Soy nuevo en JQuery, así que tengan paciencia :).

Tengo un problema simple:

$(document).ready(function() {

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

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

 });

El problema es: cuando el instrumento ha cambiado, la secuencia de comandos ya no responde a los cambios de TuningSelector. Al igual que JQuery no ve el nuevo elemento TuningSelector ...

¿Debo llamar a una actualización en JQuery más o menos? ¿Para que vea el DOM actualizado?

Answer 1

Con los eventos de jQuery, si desea que el evento se aplique a elementos nuevos, debe usar el método .live ; sin embargo, jQuery 1.3 no admite desenfoque, enfoque, mouseenter, mouseleave, cambiar, enviar eventos como eventos en vivo. (cambiar, enviar y desenfocar / enfocar están en la hoja de ruta para jQuery 1.4)

Como alternativa, puede usar el complemento liveQuery .

Answer 2

En general, desea utilizar on para que aplique el controlador a los nuevos elementos que coincidan con el selector y delegar en un elemento superior en el DOM.

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