javascript - jQuery UIスライダーから値を取得するには?

Question

私はhttp://gamercity.info/ymusic/に取り組んでいます。また、UI スライダーをシーク バーとして使用しています。seekTo(seconds)ビデオの再生中に、ユーザーがシーク バーのどこかをクリックした場合に関数を呼び出したいと考えています。secondsクリックイベント後の新しい値を取得するには?

Answer 1

いつでもスライダー値/パーセント値を読み取るには:

var val = $('#slider').slider("option", "value");

Answer 2

$('#slider').slider({
    change: function(event, ui) { 
        alert(ui.value); 
    } 
});​

http://jqueryui.com/demos/slider/

Answer 3

var val = $("#slider").slider("value");

Answer 4

$("#slider").slider(
{
            value:100,
            min: 0,
            max: 500,
            step: 50,
            slide: function( event, ui ) {
                $( "#slider-value" ).html( ui.value );
            }
}
);

JS フィドルの例: http://jsfiddle.net/hiteshbhilai2010/5TTm4/1162/

あなたはこのような機能を持つことができます

function seekTo(seek_value)
{
$("#slider").slider('option', 'value',seek_value);

}

Answer 5

var value=document.getElementById('slider').value;
var a=value.split("specialName")//name=special charcter between minimum and maximum rang
var b=a[0];//this will get minimum range
var c=a[1];//this will get maximum range

Answer 6

パーティーに遅れましたが、この質問にはまだ答えがありません。

以下の例は、入力フィールドの変更時に値を取得して DB に保存する方法を示しています。

$( "#slider-videoTransparency" ).slider({            
  value: "1",
  orientation: "horizontal",
  range: "min",
  max: 30,
  animate: true,
  change: function (e, ui) {

    var value = $(this).slider( "value" );
    $('.video_overlay_transparency').val(value);
  }  
});

<div id="slider-videoTransparency" class="slider-danger"></div>

<input type="hidden" name="video_overlay_transparency" class="video_overlay_transparency" value="">

Answer 7

値を任意の関数に渡すか、任意の要素に値を設定できます。

$(function () {
    $('#slider').slider({
        max: 100,
        slide: function (event, ui) {
            $('#anyDiv').val(ui.value);
        }
    });
});