jquery ui slider中的不同步骤

时间:2017-01-23 14:45:05

标签: javascript jquery jquery-ui

我使用jQuery UI slider。我需要在我的案例中改变步骤。我应该有行的值:

data: {addedModules: addedModules}

我不知道如何做到这一点。我找到了this decision。但这里的步骤是1而没有浮点值。在我的情况下,0.5是第一个。在那之后1(步骤0.5)然后步骤是1.我怎么能通过js / jquery做到?

谢谢!

1 个答案:

答案 0 :(得分:3)

http://jsfiddle.net/KyKqq/473/

var sliderValue = [0.5, 1, 2, 3, 4, 26, 39, 52, 65];

$(function() {
        $( "#slider" ).slider({
            value:[ 0.5 ],      
            min: 0.5,
            max: 65,
            step : 0.5,
            slide: function( event, ui ) {
               if( sliderValue.indexOf(ui.value)===-1 ) return false;
               $( "#amount" ).val( ui.value)
            }
        });
        $( "#amount" ).val( $( "#slider" ).slider( "value" ) );
    });