2012-03-31 1 views
0
<meta charset="utf-8"> 
<title>jQuery UI Slider - Range slider</title> 
<link rel="stylesheet" href="jquery.ui.all.css"> 
<script src="jquery-1.7.1.js"></script> 
<script src="jquery.ui.widget.js"></script> 
<script src="jquery.ui.mouse.js"></script> 
<script src="jquery.ui.slider.js"></script> 
<link rel="stylesheet" href="demos.css"> 
<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)); 

     $("#minValue").val(ui.values[ 0 ]); 
     $("#maxValue").val(ui.values[ 1 ]); 
}); 
</script> 

<div class="demo"> 
<p> 
    <label for="amount">Price range:</label> 
<input type="text" id="amount" name ="amount" style="border:0; color:#f6931f; font-weight:bold;"/> 
</p> 

<div id="slider-range"></div> 

<input type="hidden" id="minValue" name="minValue" value="<?php echo (isset($_POST['minValue'])) ? $_POST['minValue'] : '75'; ?>" /> 
<input type="hidden" id="maxValue" name="maxValue" value="<?php echo (isset($_POST['maxValue'])) ? $_POST['maxValue'] : '300'; ?>" /> 

</div><!-- End demo --> 
  1. 나는 분 & 최대 값을 얻을 수 있습니까?
  2. 슬라이더 슬라이딩시이 코드에서 해당 값을 읽으려면 어떻게해야합니까?
  3. 최소값 & 최대 값을 읽는 데 필요한 기능이 있습니까?
+0

http://jsfiddle.net/mikecruz/bAntY/ 충분한 아이디어를 줄 수도 있습니다. –

+0

감사합니다 :) .i 양쪽 슬라이더가 필요합니다. –

답변

0

모든 것을 정확하게 사용했다고 가정하면 질문에 대답하고 있습니다.

1) 최소값은 어떻게 얻을 수 있습니까? & 최대 값.

답변 : 최소값과 최대 값을 얻으려면 플러그인의 기본 옵션으로 선언 된 값 배열을 사용할 수 있습니다. 슬라이드 기능의 ui.values[ 0 ]은 최소값을 제공하며 ui.values[ 1 ]은 최대 값을 제공합니다.

2) 슬라이더를 슬라이드하여이 코드에서 값을 읽는 방법.

답변 : 슬라이더가 슬라이딩 할 때 슬라이드 기능이 실행되므로 슬라이드 기능 안에있는 코드 블록이 자동으로 원하는 결과를 제공합니다.

3) 상관 함수가 최소 & 최대 판독에 필요한

않음 값이다 : 없음 최소 및 최대 값을 판독하기위한 함수가 없다,이 슬라이드 기능 값을 얻을 수에 대한 파라미터 슬라이더 기능을 호출합니다.