2011-05-25 66 views
4

我从代码更新滑块值时出现问题。我曾尝试jquery-ui slider代码更新值

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

,并没有结果

任何其他建议

回答

8

这里是一个示例代码

确定滑块的值,如果 只有一个手柄。如果有多个句柄存在 ,则确定第一个句柄的值为 。

代码示例

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

原来我有无效的选择。 – maxlego 2011-05-26 13:29:29

+1

@maxlego:试试这个'$(“#slider”).slider({value:37});'设置滑块值。 – jams 2011-05-26 13:54:16

-1

只需拨打showSlider(),它是在slider.js文件哪里ü希望。它会自动刷新。

+0

从问题中没有证据表明用户正在使用slider.js – carlodurso 2014-10-31 14:58:49

1
<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/