Kaydırma adımı değerleri bazı sabit değerlere nasıl ayarlanır? JQuery kaydırıcılarımızı sürgü üzerinde çalışıyorum

Question

, ben kaydırıcı [2,30,20,30,35,45] olarak sadece bazı sabit değerlere ayarlamak istediğiniz

<form id="sliderData"> 
    <input id="slider1" type="range" min="0" max="50" step=""> 
</form> 

gibi bir inout sürgüsünü var. Bu yüzden adım değerini ayarlayamıyorum. Bu kod

$('form#sliderData').change(function() { 
    alert("Hello"); 
}); 

Bu olay ile olayı çalıştık değişikliği kanca gerekir çünkü olay ateş olmak değil rastgele değerler

Answer 1

kaydırıcıyı ayarlamak için zaten var hatta firing.Is değil Kaydırıcı kontrolünün kendisi için olay, ebeveyn formu değil.

Sahip olduğunuz sorun, bir sürgü kontrolünde belirli adımları belirleyememenizdir. Hepsi min'den maksimum değerlere kadar aynı adım olmalıdır. Bunu çözmek için, kaydırıcının değerlerini JS dizinizdeki değerlerin dizinleriyle eşleştirebilir ve seçilen gerçek seçeneği gösteren bir etikete sahip olabilirsiniz. Böyle bir şey:

<form id="sliderData"> 
    <input id="slider1" type="range" min="0" max="5" value="0"> 
    <span>2</span> <!-- default value --> 
</form> 

var values = [2, 30, 20, 30, 35, 45]; 
$('#slider1').change(function() { 
    $('span').text(values[this.value]); 
}); 

Working example