JQuery мобильного - динамически добавлять тумблер

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'); 
});