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

わかりましたので、私はあなたがここで私は、高いレンジに正しい値を取得するために使用しますが、その困難だその非常に細かいステップを見ることができるように増分をステップする方法を知っています。

私はまた、スライダをマウスで使用でき、一度アクティブにするとキーボードの矢印で次のステップに移動できることも知っています。

私は

0.01のキーボードステップは、それが行われてきたこれが可能であるその後、1のマウスステップを設定して行うことができるようにしたいですか？私はスライダーのこの種の機能を探していましたが、空になっています。

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オプションを調整することができます。