2011-04-24 1 views
1

두 값이있는 범위 슬라이더가 있습니다. 최소 가격과 최대 금액. 두 개의 선택기 요소가 있습니다. 하나는 최소 가격이고 다른 하나는 최대입니다. 이 선택기를 슬라이더에 따라 변경하고 싶습니다. 슬라이더를 사용할 때 입력 필드를 변경하려고했지만 두 개의 선택기 요소로 슬라이더를 사용할 수 없습니다.jQuery UI 범위 슬라이더 - 다른 폼 선택기 요소의 두 값

<input type="text" name="minimum" id="edit-nightlyavg-min" value="1" /> 

<input type="text" name="maximum" id="edit-nightlyavg-max" value="10" /> 

가 어떻게 슬라이더가 내 두 개의 선택 요소를 변경 할 수 있습니다 :

 $(function() { 
     $("#slider-range").slider({ 
     range: true, 
     min: 1, 
     step: 1, 
     max: 5, 
     values: [ 1, 5 ], 
     slide: function(event, ui) { 
     $("#min").val(ui.values[ 0 ]); 
     $("#max").val(ui.values[ 1 ]); 
     } 
     }); 
     $("#amount").val("$" + $("#slider-range").slider("values", 0) + 
     " - $" + $("#slider-range").slider("values", 1) + " price"); 

    }); 

그리고 HTML : 여기 내 코드?

답변

2

아마도 입력 요소에 대한 선택기가 잘못 되었기 때문일 수 있습니다.

귀하의 입력 요소는 id="edit-nightlyavg-min" and id="edit-nightlyavg-max" 가지고 있지만 당신은 내가 모든 질문을 이해하지 못했다, $("#max")

+0

$("#min")를 사용하거나하고 있습니다. :피 – Jay