ブートストラップの範囲：ブートストラップの範囲を追加するには？

Question

ブートストラップの範囲を追加します。問題は、javascript appendはプレーンな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>