0
我一直在寻找一个解决方案,我的滑块呈现非线性数字和整个这个解决方案来: JQuery UI Slider with Non-linear/Exponential/Logarithmic steps非线性引导滑块负数
HTML:
<input type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="[0,100]" id="sl2" style="width:60%">
JS :
function commafy(val) {
var toPresent = 0;
if (val < 10) {
toPresent = (val/10) * 1;
} else if (val <= 80) {
toPresent = 1+ (val - 10)/70 * 20;
} else {
toPresent = 1+20 + (val - 80)/20 * 500;
};
return toPresent;
}
$("#sl2").slider({
reversed : true,
tooltip_split: true,
formatter: function(value) {
return parseFloat(commafy(value)).toFixed(2);
},
});
的jsfiddle:https://jsfiddle.net/hw1aer2f/1/
Comaffy函数基本上使滑块非线性。所以前10%的滑块是0-1。 10%到80%是1到20,80%到100%是20到500.但是,这些都是正数,当我试图将前10%从-100变为0时,功能基本上停止工作。