0

Önyükleme aralığını eklemek istiyorum. Sorun javascript append sadece düz html öğeleri ekliyor. Stili ("# slide_add") kullanarak stili alamazsınız kaydırıcıyı ({}); jquery/JavaScript içindeÖnyükleme Aralığı: Önyükleme aralığı aralığı nasıl eklenir?

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'i ekleyin:

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

başlatma 'slider' af ter elemanı eklenir .... '$ (" # slide_default ") kaydırıcı ({}); $ ('body'). On ("tıklayın", ".add_range", function() { var elem = $ (' '); $ (' # range_added_section ') Ekle (elem); elem.slider ({}); }); – Rayon

+0

teşekkürler @RayonDabre –

cevap

0

JavaScript: [çözüldü]

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