jQuery UI滑塊自定義步驟

Question

我有一個範圍從1007-13138和75步的滑塊。但我需要添加2個自定義步驟超出75範圍，例如。 2013 & 8759.這兩個值是指定滑塊的開始點和結束點，所以我希望能夠在滑動時選擇它們。任何建議或幫助將不勝感激 - 這是我第一次使用滑塊和不太確定其功能，謝謝。

HTML

<div id="slider" data-start="2013" data-end="8759"></div> 
<div id="slider-result"></div> 

jQuery的

$('#slider').slider({ 
    value: $('#slider').data('end'), 
    min: Math.round($('#slider').data('start')/2), 
    max: Math.round($('#slider').data('end') * 1.5), 
    step: 75, 
    slide: function (event, ui) { 
     $('#slider-result').html(ui.value); 
    } 
}); 
$('#slider-result').html($('#slider').slider('option', 'value')); 

jsFiddle

Answer 1

你可以在1步調一致，並在變化-event，如果選擇的值不是多的75（值％75！= 0），添加（或減去..）提醒值以獲得一個多重的o f 75，並將其設置爲值。

那麼對於propably你想要某種按鈕（在滑尺的一端）不在的75

倍數滑塊設置爲你的兩個魔法值，這兩個特定值添加例外。

您不會詳細說明爲什麼要使用此功能，因此很難說什麼是最好的可用性。