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();