2012-03-19 102 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