JQueryMobile Slider小部件

时间:2013-03-04 22:27:19

标签: javascript jquery html

我正在使用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();

0 个答案:

没有答案