У меня есть два ползунка, и я хочу отобразить их общую стоимость.
Я могу отобразить общее значение, но оно на один шаг позади.Отображается только предыдущее значение.Я не могу получить самое последнее значение в моем тексте результата.
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/