jquery滑塊根據所用控制外設改變步長值

Question

代碼，以便您可以看到即時消息的工作內容。

$("#slider-markup").slider({ 
    orientation: "horizontal", 
    range: "min", 
    min: 0, 
    max: 500, 
    value: 0, 
    step: 0.01, 
    slide: function (event, ui) { 
     $("#markupRate").text(ui.value); 
     calcNow(); 
    } 
}); 

好了，所以我知道如何一步的增量，你可以在這裏看到它的一個非常細步我使用的，但其很難獲得正確的價值由於高範圍。

我也知道滑塊可以與鼠標一起使用，並且一旦激活就可以通過鍵盤箭頭移動到下一步。

我希望能夠做的是設置一個鼠標步驟1，然後鍵盤步驟0.01

這是可能的，有沒有做過？我一直在四處尋找這種滑塊的功能，但我會空着。

Answer 1

簡單的回答：

$(function() { 
    $("#slider-markup").slider({ 
    orientation: "horizontal", 
    range: "min", 
    min: 0, 
    max: 500, 
    value: 0, 
    step: 0.01, 
    slide: function(event, ui) { 
     $("#markupRate").text(ui.value); 
    } 
    }); 
    $("#slider-markup .ui-slider-handle").mousedown(function() { 
    $("#slider-markup").slider("option", "step", 1.0); 
    }).mouseup(function() { 
    $("#slider-markup").slider("option", "step", 0.1); 
    }); 
}); 

工作實例：https://jsfiddle.net/Twisty/xkwq87j6/

您可以通過招標回調到特定事件調整step選項。