jQuery Slider Limit mit min/max von 0 bis 100

Question

Standard jQuery Slider 0 bis 100, ich muss nur von 20% bis 50% begrenzen. nur 1 Griff mit (nicht 2)

js:

$('div').slider({ 
    //range: 'max', 
    step: 1, 
    min: 20, 
    max: 50, 
    slide: function(event, ui){ 
     console.log(ui.value); 
    } 
}); 

Dies ist ein Bild von dem, was ich brauche:

Answer 1

Sie können einen aktuellen Wert des Schiebereglers in der als slide-Eigenschaft bereitgestellten Eigenschaft testen. Wenn der Wert zu niedrig oder zu hoch ist, geben Sie einfach false zurück, um den Prozess abzubrechen.

var sliderMin = 20, 
    sliderMax = 50; 

$('#slider').slider({ 
    step: 1, 
    min: 0, 
    max: 100, 
    value: sliderMin, 
    slide: function(event, ui) { 
     var amount = ui.value; 
     if (amount < sliderMin || amount > sliderMax) { 
     return false; 
     } else { 
     $("#amount").val(amount); 
     } 
    } 
}); 

$("#amount").val(sliderMin); 

Sie können es in diesem jsFiddle testen.

Answer 2

range: false sollte das sein, was Sie suchen.