2010-06-30 3 views
3

나는 당신이 슬라이더를 수직으로 만들 수 있다는 것을 알고 있지만, 꼭대기에서 시작하여 바닥으로 가기보다는 바닥으로 가기위한 방법이 있는가?jquery 슬라이더가 맨 위에서 시작 하시겠습니까?

감사합니다, 당신은 문서를보고 다음 예제의 소스는 당신이 필요로 할 필요가있는 경우

+0

가능한 복제본 [jQuery UI 슬라이더를 맨 위 대신 0으로 시작하는 방법이 있습니까?] (http://stackoverflow.com/questions/3083874/is-there-a-way-to) -make-the-jquery-ui-slider-start-with-on-bo) – Walf

답변

4
$(".selector").slider({ value: 100 }); 

기본 최대 및 최소 슬라이더 맨 위에서 슬라이더가 시작됩니다. 최대 값을 변경했다면 변경 사항이 100이라고 표시되어 새로운 최대 값이됩니다. 스타일을 약간 변경하면 최대 값이 실제로 최소값으로 표시 될 수 있습니다. 행운을 빕니다. 당신이 그 (100)는 당신이 실제로 원하는 경우 값이 수 아래로 거꾸로 이후 가치를하고자 할 때

또한 빠른 참고 한 후, 0 (90) 동안 당신은 그 복용하여 얻을 수있는 10해야한다 :

(| 실제 값) - 100 |

코드에 있습니다. 실제로 게토가 아닌 장비를 만드는 방법은 목표가 무엇인지 달성 할 방법이 없습니다.

0

. 그에 따라 값을 설정하면됩니다. 그들이 0 0 (100)의 슬라이더의 범위를 참조

$(function() { 
    $("#slider-vertical").slider({ 
     orientation: "vertical", 
     range: "min", 
     min: 0, 
     max: 100, 
     value: 60, 
     slide: function(event, ui) { 
      $("#amount").val(ui.value); 
     } 
    }); 

    $("#amount").val($("#slider-vertical").slider("value")); 
}); 

http://jqueryui.com/demos/slider/#slider-vertical

하단과 상단 (100)이다. 그게 당신이 필요한 전부 여야합니다.

+0

소스를 복사해야합니다. $ (function() { $ "# 슬라이더 수직") 슬라이더 ({ 방향 "분" 분 : 0 최대 : 100 값 : 60 슬라이드 : 함수 (이벤트, UI, 범위 "수직"). { $ ("# amount") .val (ui.value); } }); $ ("# amount") .val ($ ("# slider-vertical"). 슬라이더 ("value")); }}); 슬라이더의 범위는 0에서 100 사이입니다. 0은 하단, 100은 상단입니다. 그게 당신이 필요한 전부 여야합니다. – spinon

관련 문제