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" ).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 );
        }
      }      
    });

JQueryUI Slider的条件“步骤”

1 个答案: