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

Question

我想附加 bootstrap 范围。问题是 javascript append 仅添加纯 html 元素。它没有使用 $("#slide_add").slider({}); 获得样式在 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 追加：

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