Как добавить значения двух JQuery ползунок пользовательского интерфейса, а затем отобразить его?

Question

<script type="text/javascript">
 $(function(){
      $("#sliderOne").slider({
           range: "min",
           value: 1,
           min: 1,
           max: 10,

           slide: function (event, ui) {
                $("#paraOne").text(ui.value);
           }

      });


      $("#sliderTwo").slider({
           range: "min",
           value: 1,
           min: 1,
           max: 10, 
           slide: function (event, ui) {
                $("#paraTwo").text(ui.value);
           }
      });
 });

Answer 1

Попробуйте это ( демо ):

$("#sliderOne").slider({
    range: "min",
    value: 1,
    min: 1,
    max: 10,
    slide: function(event, ui) {
        $("#paraOne").text(ui.value);
        $('#paraTotal').text(ui.value + $('#sliderTwo').slider("value"));
    }

});

$("#sliderTwo").slider({
    range: "min",
    value: 1,
    min: 1,
    max: 10,
    slide: function(event, ui) {
        $("#paraTwo").text(ui.value);
        $('#paraTotal').text(ui.value + $('#sliderOne').slider("value"));
    }
});