jquery追加滑動值的x倍

我基本上使用bootstrap-slider.js創建了一個滑動條。如果在滑動條上滑動，數值會按預期變化，現在我想在滑動條上附加一些與我的值相同的HTML。代碼如下至今：jquery追加滑動值的x倍

$("#slider").slider(); 
$("#slider").on("slide", function(slideEvt) { 
    $("#SliderVal").text(slideEvt.value); 
    $("div").mouseup(function(){ 
     $("#sliderAppend").append('<div><p>test</p></div>'); 
    }); 
});

HTML看起來像這樣：

<input id="slider" data-slider-id='slider' style="width:600px;"type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="0"/> 
<span id="CurrentSliderValLabel">Current: 
    <span id="SliderVal">X</span> appends 
</span> 

<div id="sliderAppend"> 

</div>

因此，舉例來說，如果一個拖動滑塊10和釋放鼠標，功能應該追加<div><p>test</p></div> 10倍。

來源

2016-02-10 John Does Legacy

這聽起來像你只需要從'0'環路'slideEvt.value' –

嗯確定你能告訴我你是如何excatly意味着這個 –

HTTPS其中一小段：//developer.mozilla .org/en/docs/Web/JavaScript/Reference/Statements/for –

您應該使用事件如下：

$("#slider").slider({ 
    change : function(e, slider){ 
     $('#sliderAppend').empty(); 

     for(var i=0;i<slider.value;i++) 
      $('#sliderAppend').append('<div><p>test</p></div>'); 
    }, 
    slide : function(e , slider){ 
    $('#slideVal').val(slider.value) 
    } 
});

對於追加it'self，這裏所說的簡單for真正適合。

http://jsfiddle.net/ay6rw8sc/3/

來源

2016-02-10 12:10:29 MorKadosh

謝謝這真的很奇怪它不會追加什麼嗯 –

對不起，我不明白你的意思 – MorKadosh

滑塊的作品但它不添加這個

test

–

jquery追加滑動值的x倍

回答

相關問題