jQuery滑塊限制從0到100最小/最大值

Question

默認jQuery滑塊0到100，我只需要從20％限制到50％。 只有1手柄（而不是2）

JS：

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

這是我所需要的圖像：

Answer 1

您可以在作爲slide屬性提供的函數中測試滑塊的當前值。如果值太低或太高，只需返回false即可中止處理。

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

您可以在此jsFiddle測試。

Answer 2

range: false應該是你在找什麼。