어떻게

Question

가 어떻게 1 개 슬라이더 2 양, 아래

내가 한 양을 조절 한 슬라이더에 대해 가지고있는 코드를 제어 할 수있는 하나 개의 jQuery를 UI 슬라이더 2 양을 제어 할 수 있습니다.

$(function() { 
    $("#slider").slider({ 
     value:38.11, 
     min: 38.11, 
     max: 100, 
     step: 1, 
     slide: function(event, ui) { 
      $("#amount").val('$' + ui.value); 
     } 
    }); 
    $("#amount").val('$' + $("#slider").slider("value")); 
}); 

아무도 도와 줄 수 있습니까?

Answer 1

편집 을 설명한다 더하기와 빼기가 같은 슬라이더를 사용하여 합계가 항상 동일하므로 솔루션이 매우 쉽습니다. 슬라이드 기능에서 당신은 같은 것을 할 것입니다 :

$(function() { 
    $("#slider").slider({ 
      value:38.11, 
      min: 38.11, 
      max: 100, 
      step: 1, 
      slide: function (event, ui) { 
       $("#amount").val('$' + ui.value); 
       $("#otheramount").val('$' + (100 - ui.value)); 
} 
    }); 
    $("#amount").val('$' + $("#slider").slider("value")); 
}); 

이 전체 기능의 모습 방법이다.

Answer 2

$(function() { 
     $("#slider").slider({ 
       value:38.11, 
       min: 38.11, 
       max: 100, 
       step: 1, 
       slide: function(event, ui) { 
         $("#amount").val('$' + ui.value); 
         $("#otherAmount").val('$' + ui.value); 
       } 
     }); 
     $("#amount").val('$' + $("#slider").slider("value")); 
     $("#otherAmount").val('$' + $("#slider").slider("value")); 
}); 

Answer 3

는 그래서, 대신이 값을 사용하여 여러 값을주고 값의 생각 :

values: [1,5,9] 

이 당신이이 개 값을 처리하려면 http://docs.jquery.com/UI/Slider#option-values