javascript - noUISlider：将滑块链接到输入

Question

我正在使用 noUiSlider 链接滑块和输入，如本页示例所示：http ://refreshless.com/nouislider/linking-input-fields/

$("#slider").Link('lower').to($('#input'));

这很好用。但是，如果值为负（-1），有没有办法在传递给输入之前转换为绝对值（1）？我想是这样的：

$("#slider").Link('lower').to('#input',function(value){
    $(this).val(Math.abs(value));
});

那是行不通的。任何帮助，将不胜感激。谢谢！

score 0 · Accepted Answer

实际上，您可以反转滑块的方向；看看方向选项。'rtl' 也适用于垂直滑块，在某种意义上，它充当'从下到上'。

设置此选项后，您将能够使用从 0 到 15 的正数范围。

score 0 · Accepted Answer

setTimeout当您尝试在加载滑块之前链接输入时，使用函数解决此问题：

例子：

var slider = $('#slider-tooltip'),
    input = $('#input-with-keypress');
    setTimeout(function(){slider.Link('lower').to(input);},400);

2 回答 2