Javascript 如何向roundslider的值添加单位?
我有一个roundslider小部件,我正在尝试将单位添加到其值中,当值=0-999时,Hz单位应显示在值旁边,当值=1000-999999时,则为KHz。。。诸如此类 这是我的原始滑块:Javascript 如何向roundslider的值添加单位?,javascript,json,round-slider,Javascript,Json,Round Slider,我有一个roundslider小部件,我正在尝试将单位添加到其值中,当值=0-999时,Hz单位应显示在值旁边,当值=1000-999999时,则为KHz。。。诸如此类 这是我的原始滑块: $("#slider").roundSlider({ sliderType: "min-range", radius: 150, handleSize: "+12", mouseScrollAction: true, min: 0, max: 100000000, value: 0
$("#slider").roundSlider({
sliderType: "min-range",
radius: 150,
handleSize: "+12",
mouseScrollAction: true,
min: 0,
max: 100000000,
value: 0, // default value at start
change: function(event) {
$.getJSON('/set_Frequency/' + event.value);
}
});
以下是我的非工作尝试:
您能帮忙吗?对于任何格式,您都可以使用tooltipFormat事件。我希望对于您的场景,您希望从Hz-GHz中选择任何值 我已经根据您需要的逻辑更新了演示。在这里,您可以选择从1 kHz到100 MHz的值
而且,如果您能展示您的实际用例场景,那么我可以为您的需求提供更好的建议。这正是我想要的,工作非常完美。谢谢。
$("#slider").roundSlider({
sliderType: "min-range",
radius: 150,
handleSize: "+12",
mouseScrollAction: true,
min: 0,
max: 100000000,
value: 0, // default value at start
//change: function(event) { $.getJSON('/valueofslider', {slide1_val: event.value}); }
change: function(event) {
var value = event.value, content;
if (value <= 999) content = "Hz";
else if (value <= 999999) content = "KHz";
else if (value >= 1000000) content = "MHz";
else content = "GHz";
$.getJSON('/set_Frequency/' + event.value + content);
}
});