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は、あなたが探しているものでなければなりません。