noUISlider：将滑块链接到输入答案

【问题标题】：noUISlider: Linking Slider to an InputnoUISlider：将滑块链接到输入
【发布时间】：2015-05-13 17:12:51
【问题描述】：

我正在使用 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));
});

这行不通。任何帮助，将不胜感激。谢谢！

【问题讨论】：

【解决方案1】：

您实际上可以反转滑块的方向；看看direction option。 'rtl' 也适用于垂直滑块，在某种意义上，它充当了 'bottom-to-top'。

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

【讨论】：

【解决方案2】：

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

例子：

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

【讨论】：