jquery 슬라이더에서 값 가져 오기

나는이 슬라이더에서 작업 중입니다. 그러나 .. 내 문제를 해결하는 데 사용하고 싶습니다.하지만 내 문제는 그 값을 벗어납니다. 비록 내가 다음과 같은 경고와 함께 그 가치를 보여주기를 원한다면 :jquery 슬라이더에서 값 가져 오기

window.alert($("#slider").val());

아무 것도 나타나지 않습니다. 누구든지 내가 뭘 잘못 했는가?

ThanX !!!

<!DOCTYPE html> 
<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<link href="./demo_files/jquery-ui.css" rel="stylesheet" type="text/css"> 
<link href="./styles.css" rel="stylesheet" type="text/css"> 
<script src="./demo_files/jquery.min.js"></script> 
<script src="./demo_files/jquery-ui.min.js"></script> 
<style>  
    #demo-frame > div.demo { padding: 10px !important; }; 
</style> 


<script> 
    function displayVals() { 

     $("#slider").slider(); 

     var step = $("#slider").slider("option", "step"); 

     $("#slider").slider("option", "step", 20); 


     var singleValues = $("#slider").val(); 
     $("p").html("<b>Single:</b> " + singleValues); 

     $("#slider").change(displayVals);      
}; 

</script> 
</head> 

<div class="demo"> 

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

</div><!-- End demo --> 

<p></p> 

<script> displayVals();</script> 
</body></html>

출처

2012-03-19 Op_Je_Plaatsman

당신이 필요합니다

var singleValues = $('#slider').slider('value');

(또는 'values'이 처리 된 멀티 또는 범위 슬라이더의 경우) 아직 만

http://jqueryui.com/demos/slider/#method-value

출처

2012-03-19 14:42:07 Alnitak

고맙습니다 @Alnitak가 .. 이것을 시도했지만 다시 "0"을 제공하지 않습니다. 슬라이더 변경 ....하지만 슬라이더가 1-100의 표준 값을 가졌다 고 생각하는 것이 맞습니다. 우선이 값을 설정하지 않아도됩니까? –

이 부분이 잘못 생각한 것 같습니다. $ ("# slider"). change (displayVals); –

그것을 받으세요! : $ ("#slider") .slider ({ \t \t \t \t 변화 : 기능 (이벤트, UI) {displayVals();} \t \t \t}); –

jquery 슬라이더에서 값 가져 오기

답변

관련 문제