2013-06-19 4 views
0

안녕하세요 JQuery와 모든 새로운 내가 여기에 슬라이더를 발견 해요 : JQuery Range Slider는, 나는 또한 CSS를 내 몸에서 슬라이더 사업부를 포함JQuery와 범위 슬라이더

<script> 
    $(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 500, 
     values: [ 75, 300 ], 
     slide: function(event, ui) { 
     $("#amount").val("€" + ui.values[ 0 ] + " - €" + ui.values[ 1 ]); 
     } 
    }); 
    $("#amount").val("$" + $("#slider-range").slider("values", 0) + 
     " - €" + $("#slider-range").slider("values", 1)); 
    }); 
$("input").rangeslider(); 
    </script> 

내 HTML 페이지에이 코드를 복사됩니다. 예를 들어 슬라이더를 $ 10 - $ 30에서 움직이면이 범위 사이에있는 이들 제품 만 내 컨텐츠에 표시됩니다. 가격이 입력 필드에 있습니다.

누군가 나를 도울 수 있기를 바랍니다.

+0

을 다음과 같이 메인 슬라이드 기능에서

은 무엇입니까? – j08691

답변

0

$ ("# amount"). val()을 사용하여 범위 값을 가져온 다음이 값으로 필요한 응답을 받으라는 요청을하십시오. 귀하의 질문에 무엇

slide: function(event, ui) { 
     $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 

     //here make ajax call with input value 1 as ui.values[ 0 ] 
     //        and 2 as ui.values[ 1 ] 
} 
+0

내 질문은 가격이 입력 필드라는 것과 슬라이더를 움직이면 콘텐츠가 가격 범위와 일치하는 제품만을 보여야한다는 것입니다.하지만 작동하지 않습니까?! – Michael10

+0

설명이 명확하지 않습니다 ... 주어진 답변을 업데이트 중입니다. –