jquery - jquery mobile - トグルスイッチを動的に追加

Question

これが動的に追加されたトグルスイッチです

$('#item').append('<div data-role="fieldcontain"><label for="flip">Status : </label><select class="flip" name="slider" id="flip1" data-role="slider"><option value="false" selected="selected">Off</option><option value="true">On</option></select></div>')

マイページには、スライダーを変更するためのイベントがあります

$("#flip1").on("slidestart", function(event, ui) {
    alert('test');
});

しかし、うまくいきません！誰かが私を助けることができますか？

Answer 1

event delegationメソッドは動的に作成されるため、メソッドを使用する必要があります

$('#item').on("slidestart","#flip1", function(event, ui) {
    alert('test');
});