javascript - スイッチオン 変更が機能しない

Question

スイッチを追加

$('#ehdr').append('<span id="mySelect2"><select name="switch" id="goingswitch" data-role="slider" data-mini="true"><option value="notgoing"></option><option value="going">Going</option></select></span>');

JS

$('#goingswitch').change( function() {

alert("works");

});

これは、切り替え時に警告しません

Answer 1

.on()を使用したイベント登録のイベント委任モデルを使用する必要がある場合があります。これは、要素が dom に追加される前にイベント登録が行われていると想定しているためです。

$('#ehdr').on('change', '#goingswitch', function() {
    alert("works");
});

デモ:フィドル

Answer 2

代わりに以下を使用してください。ここでデモを参照してください

$('#goingswitch').on('change', function() {

    alert("works");

});