Question

我对JavaScript有点新意，所以请原谅我这个问题是非常基本的。到目前为止，我一直在玩这个插件并且喜欢它，对于一个CSS家伙来说，操控这个风格非常棒。我已经能够使用序列化将滑块连接到输入而没有任何问题。以下是我无法弄清楚的，不确定我应该编写的代码。

我想要一个20分（-20和+20）的滑块。当用户选择其中一个点时，我会将此数字转换为百分比，并将其乘以从服务器加载的变量。基本上数学看起来像这样：

Code: (1 + ({.sliderPosition} / 100)) * {.serverVariable} = {.inputValue}   
Example: (1 + (15 / 100)) * 52.00 = 59.80

感谢您的帮助，如果有任何我需要澄清的话，请告诉我。

的jsfiddle： http://jsfiddle.net/YyHGq/4/

Answer 1

能够找出解决方案并将其添加到jsfiddle。

$.fn.writeFromServer = function (value) {
    this.val("$" + ((1 + (value / 100)) * 52).toFixed(2));
};

$(function () {
    $("#slider").noUiSlider({
        range: [-20, 20],
        direction: "ltr",
        start: 0,
        step: 1,
        handles: 1,
        behaviour: "tap",
        serialization: {
            to: [$('.value'), 'writeFromServer'],
        }
    });
});

使用noUiSlider，如何将输出的数字更改为输入字段？

1 个答案: