问题描述
|
我从代码更新滑块值时遇到问题。我试过了
$(\'#slider\').slider(\'value\',newValue);
$(\'#slider\').val(newValue).slider();
$(\'#slider\').val(newValue).slider(\'refresh\');
没有结果
任何其他建议
解决方法
这是示例代码
确定滑块的值,如果
只有一个手柄。如果有
一个以上的手柄,决定了
第一个句柄的值。
代码示例
Initialize a slider with the value option specified.
$( \".selector\" ).slider({ value: 37 });
Get or set the value option,after init.
//getter
var value = $( \".selector\" ).slider( \"option\",\"value\" );
//setter
$( \".selector\" ).slider( \"option\",\"value\",37 );
,<html>
<input type=\"text\" id=\"amount\">
<input type=\"text\" id=\"amount2\">
<div id=\"slider-range\"></div>
</html>
_
<script>
$(function() {
$( \"#slider-range\" ).slider({
range: true,min: 0,max: 217,values: [ 0,217 ],slide: function( event,ui ) {
$( \"#amount\" ).val( ui.values[ 0 ] );
$( \"#amount2\" ).val( ui.values[ 1 ] );
}
});
$(\"#amount\").change(function() {
$(\"#slider-range\").slider(\'values\',$(this).val());
});
$(\"#amount2\").change(function() {
$(\"#slider-range\").slider(\'values\',1,$(this).val());
});
});
</script>
https://jsfiddle.net/brhuman/uvx6pdc1/
,只需在任意位置调用在slide.js文件中的showSlider()即可。它将自动刷新。