2012-03-19 101 views
0

我正在處理這個滑塊..我想用它來改變..的邊距,但是我的問題是從中獲取值。即使我用這樣的提示顯示數值:從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> 

回答

1

您需要:

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

(或'values'如果它是一個多處理或範圍滑塊)

​​

+0

感謝名單@Alnitak ..試過了這一點,但仍然只有它給回「0」沒有mather滑塊改變....但我認爲滑塊有一個標準值從1-100是正確的,我沒有把這第一個權利? – 2012-03-19 15:30:52

+0

認爲我得到這個部分錯了。$(「#slider」)。change(displayVals); – 2012-03-19 15:34:59

+0

明白了! :) $( 「#slider」).slider({ \t \t \t \t變化:函數(事件,UI){displayVals();} \t \t \t}); – 2012-03-19 15:38:41