2つのjqueryスライダーUIの値を追加する方法は？

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

（demo）これを試してみてください：

$("#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")); 
    } 
});