![](/img/trans.png)
[英]How to get value from input with dynamically changed value by jquery UI slider?
[英]How to get value from jQuery UI slider?
我正在http://gamercity.info/ymusic/上工作。 我正在使用UI滑塊作為搜索欄。 播放視頻時,如果用戶單擊搜索欄上的任意位置,我想調用seekTo(seconds)
函數。 點擊事件后如何獲取seconds
新值?
要隨時讀取滑塊值/百分比值:
var val = $('#slider').slider("option", "value");
$('#slider').slider({
change: function(event, ui) {
alert(ui.value);
}
});
var val = $("#slider").slider("value");
我檢查了上面提到的所有答案,但發現以下代碼沒有用:
$('#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測試
$("#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);
}
// 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] ) } );
})
您可以將值傳遞給任何函數或使用該值設置任何元素:
$(function () {
$('#slider').slider({
max: 100,
slide: function (event, ui) {
$('#anyDiv').val(ui.value);
}
});
});
晚會晚了,但是這個問題仍然沒有答案。
下面的示例將向您展示如何在輸入字段中的更改時獲取價值以保存到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="">
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
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){},
});
}
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.