Javascript 在创建事件中动态设置jQuery ui滑块值

Javascript 在创建事件中动态设置jQuery ui滑块值,javascript,jquery,Javascript,Jquery,我正在使用jQueryUI滑块处理范围滑块。作为其中的一部分,我有一个条件,如果当前url包含一个特定的字符串,它将触发一个创建事件,作为滑块的一部分,我需要在其中动态设置值 这就是我的代码当前的样子: <div class="controls"> <div id="price-range"></div> <div class="textinputs"> <input id="price-min" type="text" va

我正在使用jQueryUI滑块处理范围滑块。作为其中的一部分,我有一个条件,如果当前url包含一个特定的字符串,它将触发一个创建事件,作为滑块的一部分,我需要在其中动态设置值

这就是我的代码当前的样子:

<div class="controls">
  <div id="price-range"></div>
  <div class="textinputs">
    <input id="price-min" type="text" value="2"/>
    <input id="price-max" type="text" value="1050"/>
  </div>
</div>
如你所见,我使用newMinPrice变量,并将输入值设置为这个值。这很好,但我的问题是,虽然它正确设置了输入值,但它不会将滑块控件的位置更新到正确的点。有人知道怎么做吗?

尝试使用选项,该选项为所有句柄设置值

示例

$( ".selector" ).slider( "values", [ 55, 105 ] );
$(“#价格范围”).滑块({
范围:对,
分:0,,
最高:1050,
值:[01050],
创建:函数(事件、用户界面){
var minPrice=$('#price min').val()
var maxPrice=$('#price max').val()
$('#价格范围')。滑块(“值”,[minPrice,maxPrice]);
},
幻灯片:功能(事件、用户界面){
$('#price min').val(ui.values[0]);
$('#price max').val(ui.values[1]);
},
更改:功能(事件、用户界面){
var minPrice=“min price-”+($('#price min').val();
var maxPrice=“max price-”+($('#price max').val();
$('.minPrice a')。文本(minPrice);
$('.min price a')。触发器('click');
}
});

$( ".selector" ).slider( "values", [ 55, 105 ] );