jquery-ui - 带有 jQ​​uery UI 滑块的数学方程

Question

我有多个滑块，它会相应地更新每个滑块的总滑块。当我滑动另一个滑块时，它会再次从原始总值中减去它，而不是从减去前一个滑块数量的更新值中减去。

      // Photographer Slider
      $('#TablePhotographer').toggle(this.checked);
        $(function() {
          $( "#photo-range-min" ).slider({
            range: "min",
            value: photo,
            min: 1,
            max: photo,
            slide: function( event, ui ) {
              $( "#photo_amount" ).val( "$" + ui.value );
              $( "#total_amount").val("$" + (Number(ui.value) + Number(CityValue - photo)));
            }
          });

          $( "#photo_amount" ).val( "$" + $( "#photo-range-min" ).slider( "value" ).toFixed(2) );
        });

    // Ceremony Slider
      $('#TableCeremony').toggle(this.checked);
        $(function() {
          $( "#ceremony-range-min" ).slider({
            range: "min",
            value: ceremony,
            min: 1,
            max: ceremony,
            slide: function( event, ui ) {
              $( "#ceremony_amount" ).val( "$" + ui.value );
              $( "#total_amount").val("$" + (Number(ui.value) + Number(CityValue - ceremony)));
            }
          });
        //total slider
        $('.BudgetTable').fadeIn(500);
        $( "#total-range-min" ).slider({
          range: "min",
          value: CityValue,
          min: 1,
          max: CityValue,
          slide: function( event, ui ) {
            $( "#total_amount" ).val( "$" + ui.value);
          }
        });
        $('#state_cost').text("Based on your selecttion, the average wedding cost in this state is $" + CityValue);
        $( "#total_amount" ).val( "$" + $( "#total-range-min" ).slider( "value" ) );

如您所见，两个滑块从相同的值中减去，但我需要存储每个滑块的更改值并将它们显示在总滑块中。我希望能够根据每个滑块更新值。