当前位置：文江博客话题详情

jquery UI 滑块最小/最大值

发布于 2024-11-03 21:01:41 字数 163 浏览 1 评论 0原文

我可以为 jquery ui 滑块以及滚动显示数字时输入文本最小/最大值吗？这里是一个示例，最大值的左侧滑块具有“无限制”，当您滚动它时，出现数字。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

滥情稳全场 2024-11-10 21:01:42

首先销毁滑块，这将完全删除滑块功能。这将使元素返回到其初始化前的状态。

$("#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);
}

});

这有效。

Destroy the slider first, which removes the slider functionality completely. This will return the element back to its pre-init state.

$("#selector").slider("destroy");

After that you can add new values to the slider as,

$("#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);
}

});

This works.

回复收藏 0 原文

等待圉鍢 2024-11-10 21:01:41

是的，我们可以设置最小值-最大值

$("#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);
    }
});

Yes we can set 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);
    }
});

回复收藏 0 原文

土豪 2024-11-10 21:01:41

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

已编辑
抱歉误解了这个问题。如果您查看 demo 的源代码，您将看到一个更改值的小脚本更改滑块值时元素“#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 ] );
            }
        }

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

注意：我没有对此进行测试。

You are looking for the range slider. I hope the range slider demo helps. The min and max values can be set while initialising the slider.

Edited
Sorry for misunderstanding the question. If you look at the source code of the demo you will see a small script that changes the values of element '#amount' when slider values are changed

Here is that script:

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

You can change this to display character values.

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

You can modify this script according to your requirements

Note: I have not tested this.

回复收藏 0 原文

~没有更多了~