jQuery SLider with Double for range

时间:2011-03-31 10:05:51

标签: jquery html web-applications

这是我第一次使用jQuery。我正在尝试创建一个用于调整PH值的滑块,它是双倍的(0.0 - 14.0)。这可能吗?我有一个代码,但它的范围是整数,当我尝试在那里放一个双,滑块卡在一个地方。以下是代码。

// Slider for PH Level
    $('#sliderLevel').slider({
            orientation: "vertical",
            range: "min",
            min: 0,
            max: 14,
            value: 0,
            slide: function( event, ui ) {
                    $( "#amountLevel" ).html( ui.value );
            }
    });
    $( "#amountLevel" ).html( $( "#sliderLevel" ).slider( "value" ) );

提前致谢。

1 个答案:

答案 0 :(得分:3)

当然,只需使用小数的step属性:

// Slider for PH Level
    $('#sliderLevel').slider({
            orientation: "vertical",
            range: "min",
            min: 0,
            max: 14,
            value: 0,
            step: 0.05,
            slide: function( event, ui ) {
                    $( "#amountLevel" ).html( ui.value );
            }
    });
    $( "#amountLevel" ).html( $( "#sliderLevel" ).slider( "value" ) );