[英]How can I use the value from an input of type range to set the value of a jQuery UI Slider?
我正在使用jQuery UI Slider作为HTML5输入type = range的后备。 最初,我想使用input-element中的值来设置jQuery UI Slider的值,但这似乎不起作用。 input-element的值设置为50,但是在创建滑块时,其值为100。如果我使用value: 50
而不是value: $input.attr('value')
它可以正常工作。 min: $input.attr('min')
和max: $input.attr('max')
正常。
这是我的代码:
$(document).ready(function(){
sliderFallback();
});
function sliderFallback(){
$('input[type=range]').each(function() {
var $input = $(this);
var $slider = $('<div id="' + $input.attr('id') + '" class="' + $input.attr('class') + '"></div>');
$slider.slider({
min: $input.attr('min'),
max: $input.attr('max'),
value: $input.attr('value'),
slide: function(e, ui) {
$(this).val(ui.value);
}
});
$input.after($slider).hide();
});
}
尝试这个:
function sliderFallback(){
$('input[type=range]').each(function() {
var $input = $(this);
var $slider = $('<div id="' + $input.attr('id') + '" class="' + $input.attr('class') + '"></div>');
var val = parseInt($(this).val());
$slider.slider({
min: $input.attr('min'),
max: $input.attr('max'),
value: val,
slide: function(e, ui) {
$(this).val(ui.value);
}
});
$input.after($slider).hide();
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.