2011-05-25 61 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/