如何从jQuery UI滑块获取价值?

ati*_*der 39 javascript jquery user-interface jquery-ui jquery-ui-slider

我正在研究http://gamercity.info/ymusic/.我正在使用UI滑块作为搜索栏.播放视频时,seekTo(seconds)如果用户在搜索栏上的任意位置单击,我想调用一个函数.如何获得seconds点击事件后的新价值?

cha*_*lor 71

要随时读取滑块值/百分比值:

var val = $('#slider').slider("option", "value");
Run Code Online (Sandbox Code Playgroud)


Ben*_*Ben 26

$('#slider').slider({
    change: function(event, ui) { 
        alert(ui.value); 
    } 
});?
Run Code Online (Sandbox Code Playgroud)

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

  • 我试过但它不适合我:(不知道为什么 (2认同)

wal*_*wal 16

var val = $("#slider").slider("value");
Run Code Online (Sandbox Code Playgroud)

  • 在较新版本的jQuery UI(在我的情况下为1.90)中,它是`var val = $("#slider").slider("option","value");`这是基于[API](http:// api.jqueryui.com/slider/#option-value) (4认同)

Kir*_*kya 12

我检查了上面提到的所有答案,但没有找到有用的代码如下:

$('#slider').slider("values")[0]; // for slider with single knob or lower value of range
$('#slider').slider("values")[1]; // for highest value of range
Run Code Online (Sandbox Code Playgroud)

使用jQuery v2.1.1jQuery-ui v1.12.1进行测试


Hit*_*esh 6

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

JS FIDDLE示例:http://jsfiddle.net/hiteshbhilai2010/5TTm4/1162/

你可以拥有这样的功能

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

}
Run Code Online (Sandbox Code Playgroud)