2016-04-27 4 views
2

を一歩をスライド一つ前の手順。 最小値が0、最大値が10、最小値が0.25のステップでは、値0.25と最も右側の9.75が表示されますが、これは単に間違っています。jQueryのスライダーは、私はデフォルトのjQueryのスライダーを有し、かつ現在の値を出力していますこの問題の解決策を見つけることができませんでした、あまりにも遠く

これはなぜか、どのように修正するのか誰にも分かりますか?

HTML:

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

はJavaScript:

$('#slider').slider({ 
    min: 0, 
    max: 10, 
    value: 2.5, 
    step: 0.25 
}); 
$('#slider').on('slide', function(event, ui) { 
    var value = $('#slider').slider('option','value'); 
    console.log(value); 
}); 

すべてのヘルプははるかに高く評価されます。

$('#slider').on('slide', function(event, ui) { 
    console.log(ui.value); 
}); 

あなたはちょうどそれが停止した値、およびスライダーが通過することなく、すべての値を表示したい場合は、停止を使用します。

+0

あなたはjqueryの-UIのどのバージョンを使用していますか? – amphetamachine

答えて

1

は、あなただけのスライダーの値を取得するためにui.valueを使用する必要がありますイベント:

$('#slider').on('slidestop', function(event, ui) { 
    console.log(ui.value); 
}); 

http://api.jqueryui.com/slider/#event-stop

0

がそれを手に入れた参照してください! 「スライド」イベントはスライド機能で呼び出される必要がある

$('#slider').slider({ 
    min: 0, 
    max: 10, 
    value: 2.5, 
    step: 0.25, 
    slide: function(event, ui) { 
     value = ui.value; 
     console.log(value); 
    } 
}); 
+0

それも動作しますが、それをイベントハンドラからスライダの初期化に移動することは、それを修正するものではありません。このコードは、あなたが 'ui.value'を使用したために機能します。あなたはそれが働いてうれしい! –

関連する問題