Sliders do JQuery Mobile inseridos dinamicamente

Estou inserindo sliders dinamicamente. O problema é que quando eu os insiro dinamicamente eles não têm o tema do jquerymobile. Aqui está o código que eu uso:

for (var i = array_colors_available.length - 1; i >= 0; i--) {
        $('#insert_colors_slider').append('<div data-role="fieldcontain" ><fieldset data-role="controlgroup"> <label for="slider-8">'+array_colors_available[i]+' : '+'</label><input id=slider-'+i+' type="range" name='+array_colors_available[i]+' value="0" min="0" max="25" data-highlight="true" data-theme=c data-track-theme="f"></fieldset></div>');
        if(array_slider_info_value != null) $('#slider-'+i).val(array_slider_info_value[i+1].value);
    };

E se eu usar os métodos de JQueryMobile, em seguida, na tela aparecem dois controles deslizantes:

for (var i = array_colors_available.length - 1; i >= 0; i--) {
        $('#insert_colors_slider').append('<div data-role="fieldcontain" ><fieldset data-role="controlgroup"> <label for="slider-8">'+array_colors_available[i]+' : '+'</label><input id=slider-'+i+' type="range" name='+array_colors_available[i]+' value="0" min="0" max="25" data-highlight="true" data-theme=c data-track-theme="f"></fieldset></div>');
        $('#slider-'+i).slider();
        if(array_slider_info_value != null) $('#slider-'+i).val(array_slider_info_value[i+1].value);
    };

O que estou fazendo de errado? Quando não uso os métodos, não há tema e, quando o uso, tenho dois controles deslizantes em vez de um ... Obrigado!

questionAnswers(1)

yourAnswerToTheQuestion