JQuery - 当另一个变量更新时更新变量

Question

我有两个变量，其中一个变量依赖于另一个变量。请参阅以下内容。

此变量是包含其他变量的等式：

var startValue = ((serverValue - totalCost) / totalCost ) * 100;

此变量获取上述变量的值并将其打印到div。

var sliderPosition = $("#output").val(startValue.toFixed(1));

问题是第一个变量会在用户移动滑块时发生变化。当第一个变量更新时，第二个变量需要更新。

Answer 1

尝试将startValue声明为全局变量;

$(function(){
  var startValue;

  //rest of the code
});

Answer 2

通常在javascript中无法在变量上添加监听器， 除非你使用非标准化的apis。见object.watch

Answer 3

如果您使用noUiSlider，请检查：

http://refreshless.com/nouislider/slider-events

尝试使用'更改'事件。

Answer 4

你无法在飞行中本地完成它，但你绝对可以在mouseUp

上传val

<强> HTML

<input type="text" name="chance" id="chance" class="text" value="50">
<input type="range" id="slider" class="vHorizon" min="1" max="100" step="1">

<强> JS：

$('#slider').on('change', function(){
    $('#chance').val($('#slider').val());
});

小提琴：http://jsfiddle.net/tDkEW/54/