jQuery UI滑块的最小/最大值

| 嗨,我有一个简单的问题。我可以将jquery ui滑块的文本最小/最大值和滚动显示数字时放在文本的最小值/最大值吗?这是一个示例,最大值的左滑块为\“ no limit \”,并且滚动时显示数字。     
已邀请:

bab

您正在寻找范围滑块。希望范围滑块演示对您有所帮助。可以在初始化滑块时设置最小值和最大值。 已编辑 很抱歉误解了这个问题。如果查看该演示的源代码,您将看到一个小的脚本,该脚本会在更改滑块值时更改元素\ #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 ] );
            }
        }
您可以根据需要修改此脚本 注意:我尚未对此进行测试。     
是的,我们可以设置最小-最大
$(\"#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);
    }
});​
    
首先销毁滑块,这将完全删除滑块的功能。这将使元素返回其初始状态。
$(\"#selector\").slider(\"destroy\");
之后,您可以将新值添加到滑块,
$(\"#selector\").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);
}
}); 这可行。     

要回复问题请先登录注册