私は次のようにjQueryのUIのスライダーを使用してコスト推定スライダーを持つHTMLテーブル

Question

に保存されている合計値へ/からUIのスライダー値を追加または控除：

$(function() { 
    $("#slider").slider({ 
     minValue: 0, 
     maxValue: 10, 
     stepping: 1, 
     current: 5, 
     slide: function(event, ui) { 
    $('.cost').html((ui.value *50.00).toFixed(2)); } 
}); 
}); 

あなたが見ることができるように、私は得ることができますスライダui.valueの値は問題ありません。今度は$('.cost')値を合計値（ここではtotal=parseInt($('#total').html());）に加算または減算したいと考えています。合計には、ページ内のHTMLテーブルセルに格納されている他の計算の合計が<td id="total">Total</td>として含まれています。

私はこの方法でそれを実行しようとしましたが、それは、合計を倍増し、それがトータルからコストを抽出できませんでした：

var total = parseInt($('#total').html()); 
var scost = parseInt($('.cost').html()); 
$('#total').html((total + scost).toFixed(2)); 

私はスライダーの値の変化に応じて合計値を調整することができますどのように？

Answer 1

おそらく最も簡単な解決策は、毎回コストをゼロから再計算することです（つまり、計算全体を行う）。

コントロールを変更するたびに上下に移動すると、新しいコントロールを適用する前に元の値をキャッシュする必要があります（そうしないと、同じものを追加または削除することになります）あなたが見たように複数回）。これにより、丸め誤差の問題も発生します。計算がの場合を除き、変更があるたびに再計算してください。