Bootstrap-Bereich: Wie Bootstrap-Bereich anhängen?

Question

Ich möchte den Bootstrap-Bereich anfügen. Das Problem ist, dass JavaScript nur HTML-Elemente hinzufügt. Der Stil wird nicht mit dem $ ("# slide_add") Schieberegler ({}); in 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: [gelöst]

<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>