Bootstrap范围：如何附加bootstrap范围？

Question

我想附加bootstrap范围。问题是JavaScript附加只是添加纯HTML元素。它不会使用$（“＃slide_add”）。滑块（{}）获取样式;在jquery的/ JavaScript的

HTML：

<input id="slide_default" type="text" data-slider-min="1" data-slider-max="5" data-slider-step="1" data-slider-value="[0,5]" /> 

    <div id="range_added_section"></div> 

    <input type="button" value="Add Range" class="add_range" > 

JAVASCRIPT APPEND：

<script type="text/javascript"> 

$("#slide_default").slider({}); 

//ADD RANGE 
$('body').on("click",".add_range",function(){ 

    $('#range_added_section').append 
    (
     $(
      '<input id="slide_default" type="text" data-slider-min="1" data-slider-max="5" data-slider-step="1" data-slider-value="[0,5]" />' 
     ) 
    ); 
}); 

</script> 

Answer 1

JAVASCRIPT：[解决]

<script type="text/javascript"> 

$("#slide_default").slider({}); 
    //ADD RANGE 
    $('body').on("click",".add_range",function(){ 

     var elem = $('<input id="slide_default" type="text" data-slider-min="1" data-slider-max="" data-slider-step="1" data-slider-value="[0,5]" />'); 

     $('#range_added_section').append(elem); elem.slider({}); 
    }); 

</script>