javascript - ejemplos - ¿Cómo obtener valor del control deslizante jQuery UI?

tooltip jquery ejemplos

Question

Estoy trabajando en http://gamercity.info/ymusic/ . Y estoy usando el control deslizante UI como barra de búsqueda. Mientras se reproduce el video, deseo invocar una función seekTo(seconds) si el usuario hace clic en cualquier parte de la barra de búsqueda. ¿Cómo obtener un nuevo valor de seconds después del evento click?

Answer 1

Para leer el valor del control deslizante / valor de porcentaje en cualquier momento:

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

Answer 2

Puede pasar el valor a cualquier función o establecer cualquier elemento con el valor:

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

Answer 3

Revisé todas las respuestas mencionadas anteriormente, pero no encontré ninguna útil como el siguiente código:

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

Probado con jQuery v2.1.1 y jQuery-ui v1.12.1

Answer 4

Tarde a la fiesta, pero esta pregunta aún no ha sido respondida.

El siguiente ejemplo le mostrará cómo obtener valor en el cambio en un campo de entrada para guardar en 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 5

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

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

puedes tener una función como esta

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

Answer 6

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

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

Answer 7

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

Answer 8

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