2012-03-19 9 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」はスライダの変更をマザーに戻しません....しかし、スライダが1-100の標準値を持つと思うのは正しいですが、これを最初に設定する必要はありませんか? –

+0

私はこの部分が間違っていると思う.. $( "#slider")。change(displayVals); –

+0

それを得ました! :) $( "#slider").slider({ \t \t \t \t変化:機能(イベント、UI){displayVals();} \t \t \t})。 –

関連する問題