我正在研究http://gamercity.info/ymusic/。
我正在使用UI滑块作为搜索栏。
播放视频时,如果用户在搜索栏上的任意位置单击,我想调用seekTo(seconds)
函数。如何在点击事件后获得seconds
的新值?
答案 0 :(得分:71)
随时读取滑块值/百分比值:
var val = $('#slider').slider("option", "value");
答案 1 :(得分:26)
$('#slider').slider({
change: function(event, ui) {
alert(ui.value);
}
});
答案 2 :(得分:15)
var val = $("#slider").slider("value");
答案 3 :(得分:8)
我检查了上面提到的所有答案,但没有找到任何有用的代码如下:
$('#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 进行测试
答案 4 :(得分:6)
$("#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);
}
答案 5 :(得分:3)
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){},
});
}
});
});
答案 6 :(得分:0)
您可以将值传递给任何函数或使用值设置任何元素:
$(function () {
$('#slider').slider({
max: 100,
slide: function (event, ui) {
$('#anyDiv').val(ui.value);
}
});
});
答案 7 :(得分:0)
晚会但这个问题仍然没有答案。
下面的示例将向您展示如何获取输入字段中的更改值以保存在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="">
答案 8 :(得分:0)
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 :(得分:0)
// 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] ) } );
})