使用noUiSlider，如何將輸出的數字更改爲輸入字段？

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'], 
     } 
    }); 
});