Jquery ui jquery ui滑块从代码更新值_Jquery Ui_Slider_Jquery Ui Slider

Jquery ui jquery ui滑块从代码更新值

jquery-ui

Jquery ui jquery ui滑块从代码更新值,jquery-ui,slider,jquery-ui-slider,Jquery Ui,Slider,Jquery Ui Slider,我在从代码中更新滑块值时遇到问题。我试过了 $('#slider').slider('value', newValue); $('#slider').val(newValue).slider(); $('#slider').val(newValue).slider('refresh'); 没有结果任何其他建议以下是示例代码如果需要，确定滑块的值只有一个把手。如果有多个句柄决定了第一个句柄的值代码示例 Initialize a slider with the value option

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

$('#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 );

只要调用slider.js文件中的showsslider（），就可以了。它将自动刷新


<html>
<input type="text" id="amount">
<input type="text" id="amount2">
<div id="slider-range"></div>
</html>


$（函数（）{
$（“#滑块范围”）。滑块({
范围：对，
分:0,，
最高：217，
值：[0217]，
幻灯片：功能（事件、用户界面）{
$（“#金额”）.val（ui.values[0]）；
$（“#amount2”）.val（ui.values[1]）；
}
});
$（“#金额”）。更改（函数（）{
$（“#滑块范围”）.slider（'values'，0，$（this.val（））；
});
$（“#数量2”）.更改（函数（）{
$（“#滑块范围”）.slider（'values'，1，$（this.val（））；
});
});

结果是我的选择器无效。@maxlego:试试这个

$（“#slider”）.slider（{value:37}）

设置滑块值。从问题中没有证据表明用户正在使用slider.js

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