我需要在创建滑块时设置其值,该怎么做?例子:
<div class="slider" data-min-value="0" data-max-value="120"><input type="range"></div>
$('.slider').slider({
range: true,
create: function(event, ui) {
console.log($(this).data('minValue'));
ui.values[0] = $(this).data('minValue');
ui.values[1] = $(this).data('maxValue');
},
})
但是ui
是空的。
该ui.values
阵列只是一个说法,改变它不会改变滑块的设置。
您可以这样更改设置
$('.slider').slider({
range: true,
create: function (event, ui) {
$(this).slider( "option", "max", $(this).data('maxValue') );
$(this).slider( "option", "min", $(this).data('minValue') );
}
});
请注意,您通常只在实例化时执行此操作
$('.slider').each(function() {
$(this).slider({
max: $(this).data('maxValue'),
min: $(this).data('minValue')
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句