jquery-ui滑块从代码更新值答案

【问题标题】：jquery-ui slider update value from codejquery-ui滑块从代码更新值
【发布时间】：2011-09-02 04:24:15
【问题描述】：

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

$('#slider').slider('value', newValue);
$('#slider').val(newValue).slider();
$('#slider').val(newValue).slider('refresh');

没有结果

任何其他建议

【问题讨论】：

标签： jquery-ui slider jquery-ui-slider

【解决方案1】：

这是一个示例代码

确定滑块的值，如果只有一个把手。如果有多个手柄，决定了第一个句柄的值。

代码示例

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 );

【讨论】：

原来我的选择器无效。
@maxlego：试试这个$( "#slider" ).slider({ value: 37 }); 来设置滑块值。

【解决方案2】：

只要你想调用slider.js 文件中的showSlider() 即可。它会自动刷新。

【讨论】：

从问题中没有证据表明用户正在使用slider.js

【解决方案3】：

<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',0,$(this).val());
});
$("#amount2").change(function() {
    $("#slider-range").slider('values',1,$(this).val());
});

});
</script>

https://jsfiddle.net/brhuman/uvx6pdc1/

【讨论】：