Я работаю над http://gamercity.info/ymusic/.
И я использую слайдер UI в качестве строки поиска.
Во время воспроизведения видео я хочу вызвать функцию seekTo(seconds)
, если пользователь нажал в любом месте строки поиска. Как получить новое значение seconds
после события click?
Как получить значение из jQuery UI-слайдера?
Ответ 1
Чтобы прочитать значение ползунка/процентное значение в любое время:
var val = $('#slider').slider("option", "value");
Ответ 2
$('#slider').slider({
change: function(event, ui) {
alert(ui.value);
}
});
Ответ 3
var val = $("#slider").slider("value");
Ответ 4
Я проверил все ответы, упомянутые выше, но не нашел ничего полезного в качестве следующего кода:
$('#slider').slider("values")[0]; // for slider with single knob or lower value of range
$('#slider').slider("values")[1]; // for highest value of range
Протестировано с помощью jQuery v2.1.1 и jQuery-ui v1.12.1
Ответ 5
$("#slider").slider(
{
value:100,
min: 0,
max: 500,
step: 50,
slide: function( event, ui ) {
$( "#slider-value" ).html( ui.value );
}
}
);
ПРИМЕР JS FIDDLE: http://jsfiddle.net/hiteshbhilai2010/5TTm4/1162/
Вы можете иметь такую функцию
function seekTo(seek_value)
{
$("#slider").slider('option', 'value',seek_value);
}
Ответ 6
Вы можете передать значение любой функции или установить любой элемент со значением:
$(function () {
$('#slider').slider({
max: 100,
slide: function (event, ui) {
$('#anyDiv').val(ui.value);
}
});
});
Ответ 7
Поздно к партии, но этот вопрос все еще остается без ответа.
Ниже приведен пример того, как получить значение при изменении в поле ввода для сохранения в БД:
$( "#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="">
Ответ 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
Ответ 9
// Price Slider
if ($('.price-slider').length > 0) {
$('.price-slider').slider({
min: 0,
max: 2000,
step: 10,
value: [0, 2000],
handle: "square",
});
}
$(document).ready(function(){
$(".price-slider").on( "slide", function( event, ui ) { console.log("LA RECTM"); var mm = $('.tooltip-inner').text(); console.log(mm); var divide = mm.split(':'); console.log( "min:" +divide[0] + " max:" + divide[1] ) } );
})
Ответ 10
JQuery UI слайдер
var slider = $("#range_slider").slider({
range: true,
min: 0,
max: 500,
values: [0, 500],
slide: function(event, ui) {
var x = ui.values[0];
var y = ui.values[1];
$('#min').text( ui.values[0] )
$('#max').text( ui.values[1] )
$.ajax({
url: '/search',
type: 'GET',
dataType: 'script',
data: {min:x, max:y,term:food_item_name},
success: function(repsonse){},
});
}
});
});