私は 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 FIDDLEの例: 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){},
});
}
});
});