jquery UI滑块最小/最大值

Question

我们有一个简单的问题.我可以为jquery ui滑块添加文本最小/最大值,滚动时是否显示数字？下面是一个示例,最大值的左侧滑块具有"无限制",当您滚动它时,会出现数字.

Answer 1

是的,我们可以设置min-max

$("#slider").slider({
    range: "max",
    min: 0, // min value
    max: 200, // max value
    step: 0.1,
    value: 200, // default value of slider
    slide: function(event, ui) {
        $("#amount").val(ui.value);
    }
});?

Answer 2

您正在寻找范围滑块。我希望范围滑块演示有所帮助。初始化滑块时可以设置最小值和最大值。

编辑 抱歉误解了这个问题。如果您查看演示的源代码，您将看到一个小脚本，当滑块值更改时，该脚本会更改元素“#amount”的值

这是该脚本：

slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        }

您可以更改此设置以显示字符值。

slide: function( event, ui ) {
            if (ui.values[0] == <min_value>) {
                 $( "#amount" ).val( "Min Limit" + " - $" + ui.values[ 1 ] );
            }
        }

您可以根据您的需求修改此脚本

注意：我没有测试过这个。