gpt4 book ai didi

javascript - IonRangeSlider 将标签分配给值

转载 作者:数据小太阳 更新时间:2023-10-29 06:14:53 24 4
gpt4 key购买 nike

我正在使用 ionRangeSlider我想为值分配标签,反之亦然。

所以用户可以选择与海滩的距离:'on beach', '100m', '200m', '300m', 'more than 300m' 但我需要在 post 值,例如 '0'、'100'、'200'、'300'、999

我的初始化:

$("#idSelector").ionRangeSlider({
...
values_separator: " to ",
values: [
'on beach', '100m', '200m', '300m', 'more than 300m'
],
...

有什么办法吗? (使用 ionRangeSlider 因为我可以在途中获取值并解析它们)

我正在尝试为 ionRangeSlider 设置 minmax 选项,但它不起作用。

有什么想法吗?

最佳答案

这可以很容易地完成。检查这个演示:

http://jsfiddle.net/IonDen/bvbvr0xs/

var $range = $(".js-range-slider");
var $result = $(".js-result");

var values = [0, 100, 200, 300, 999];
var values_p = ["on the beach", "100m", "200m", "300m", "more then 300m"];

$range.ionRangeSlider({
type: "single",
grid: true,
values: values,
prettify: function (n) {
var ind = values.indexOf(n);
return values_p[ind];
},
onStart: function(data) {
$result.text(data.from_value);
},
onChange: function(data) {
$result.text(data.from_value);
}
});

关于javascript - IonRangeSlider 将标签分配给值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41891645/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com