javascript - JQueryMobile スライダー ウィジェット

Question

jQueryでスライダーを挿入していますが、jQueryMobileのスタイルが追加されていません... HTMLコードは次のとおりです。

<div data-role="collapsible-set" data-theme="c" data-content-theme="d">
          <div data-role="collapsible" data-collapsed="false">
            <h3>Compra de productos por colores y paquetes</h3>
            <div id='insert_colors_slider'></div>
          </div>
      </div>

そして、ここにスライダーを動的に挿入するための Javascript の部分があります。動的に追加すると、jquerymobile のスタイルがありません...

var array_colors_available = (product_info.pcolors).split(',');
    array_colors_available.forEach(function printSliderEachColor(element, index, array){
        $('#insert_colors_slider').append('<div data-role="fieldcontain"><fieldset data-role="controlgroup"> <label for="slider1">'+element+' : '+'</label><input id='+element+' type="range" name="slider" value="0" min="0" max="25" data-highlight="false"data-track-theme="a"></fieldset></div>');
    });
    $('#insert_colors_slider').collapsible();