Как отобразить общее значение в нескольких слайдерах - PullRequest
0 голосов
/ 24 апреля 2019

У меня есть два ползунка, и я хочу отобразить их общую стоимость.

Я могу отобразить общее значение, но оно на один шаг позади.Отображается только предыдущее значение.Я не могу получить самое последнее значение в моем тексте результата.

HTML

<div id="slider-1"></div>
<div id="slider-2"></div>

<div id="result">0</div>

Javascript

$("#slider-1").slider({
    min: 0,
    max: 10,
    value: 0,
    orientation: "horizontal",
    slide: function (event, ui) {
      Update();
    }
 });

   $("#slider-2").slider({
    min: 0,
    max: 10,
    value: 0,
    orientation: "horizontal",
    slide: function (event, ui) {
      Update();
    }
  })

function Update() {
  $amount1 = $("#slider-1").slider("values", 0);
  $amount2 = $("#slider-2").slider("values", 0);

  $totalAmount = $amount1 + $amount2;
  $("#result").text($totalAmount)
}

https://jsfiddle.net/kukcheong/5d79a3kb/15/

...