针对JQueryUI Slider的条件“步骤”

Question

我想给JQuery UI Slider提供条件步骤。如果当前选择的值低于1951年，则采取10步其他步骤1.我想这样做是因为我的数据集的限制，我有数据1900,1910直到1950年，然后是1951,1952每年如此。 。

如何根据年份值更改？有没有办法？

下面是我当前的代码

$(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

尝试修改在change事件处理滑块的步进值：

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