jquery-ui滑块从代码中更新值

如何解决jquery-ui滑块从代码中更新值

| 我从代码更新滑块值时遇到问题。我试过了

$(\'#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（）即可。它将自动刷新。