JQueryUI Sliderの条件付きステップ「

Question

」JQuery UI Sliderの条件ステップを挙げたい。現在選択されている値が1951未満の場合は、10のステップを踏み、1のステップを踏みます。データセットの制限があるため、これを実行したい、1950年までの1900年、1950年、1951年、

年の値に基づいてどのように変更できますか？方法はありますか？

以下

私の現在のコード

$(function() { 
      $("#slider-vertical").slider({ 
       orientation: "vertical", 
       range: "min", 
       min: 1900, 
       max: 2015, 
       step: 1, 
       slide: function(event, ui) { 
        $("#selected_year").val(ui.value); 
       } 
      }); 
      $("#selected_year").val($("#slider-vertical").slider("value")); 
     }); 

Answer 1

は変更イベントハンドラで、スライダのステップ値を変更しようとされています

$("#slider").slider({ 
     //...  
     change: function(event, ui) { 
     var step = $(this).slider("option", "step"); 
     var newStep = step; 
     if (ui.value < 1951) { 
      newStep = 10; 
     } else { 
      newStep = 1; 
     } 
     if (newStep != step) { 
      $(this).slider("option", "step", newStep); 
     } 
     }  
    });