jquery non vede nuovi elementi

Question

Sono nuovo di JQuery, quindi portami con me :).

Ho un problema semplice:

$(document).ready(function() { 

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

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

}); 

Il problema è: quando lo strumento è cambiato, lo script non risponde più ai cambiamenti TuningSelector. Come JQuery non vede il nuovo elemento TuningSelector ...

Devo chiamare un aggiornamento su JQuery o giù di lì? In modo che veda il DOM aggiornato?

Answer 1

In genere si desidera utilizzare on in modo che applichi il gestore ai nuovi elementi corrispondenti al selettore e delegati a un elemento superiore nel DOM.

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

Answer 2

Con eventi jQuery se si desidera che l'evento si applica ai nuovi elementi si può usare il metodo .live, tuttavia jQuery 1.3 non supporta sfocatura, messa a fuoco, MouseEnter, mouseLeave, cambiamento, presentare gli eventi come eventi dal vivo. (modifica, invio e sfocatura/messa a fuoco sono su roadmap per jQuery 1.4)

In alternativa è possibile utilizzare il plug-in liveQuery.