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>