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メソッドを使用する新しい要素に適用したい場合。 roadmap（変更、送信、およびぼかし/フォーカスは、jQuery 1.4の場合）

liveQueryプラグインを使用することもできます。