Javascript 如何在jQuery UI slider中将滑块指针移动到滑块比例中的特定点?

Javascript 如何在jQuery UI slider中将滑块指针移动到滑块比例中的特定点?,javascript,jquery,slide,jquery-ui-slider,select-to-slider,Javascript,Jquery,Slide,Jquery Ui Slider,Select To Slider,我使用的是来自“灯丝”组的jQuery UI滑块,它将选择元素转换为滑块。它很好用。现在,我想使用JavaScript以编程方式将滑块处理程序移动到滑块比例中的特定点 例如:当我点击一个按钮时,它会调用一个JavaScript函数,在里面我想写一段代码,将滑块指针移动到刻度中的特定tic/滑块点 我这里有我的示例应用程序: $(function(){ $('#speed').selectToUISlider(); //fix color //fixToolTipColor(); }); f

我使用的是来自“灯丝”组的jQuery UI滑块,它将选择元素转换为滑块。它很好用。现在,我想使用JavaScript以编程方式将滑块处理程序移动到滑块比例中的特定点

例如:当我点击一个按钮时,它会调用一个JavaScript函数,在里面我想写一段代码,将滑块指针移动到刻度中的特定tic/滑块点

我这里有我的示例应用程序:

$(function(){
$('#speed').selectToUISlider();
//fix color
//fixToolTipColor();
}); 


function Move()
{
  // How do i move to "Slow" point ?

}

您可以使用“选项”功能进行此操作,因此:

$('#someSliderElement').slider('option', 'value', 25); // Replace 25 with a value between 0-100

在您的示例中有js错误

“未捕获引用错误:未定义移动”


只需将移动函数放到html正文中。

我也为此挣扎了一段时间。基本上,您只需设置select的值,然后触发select的更改事件。这应该能奏效

$('#speed').val('Fast');
$('#speed').trigger('change');

我用修正更新了JSFIDLE:。

@Shyju它不适合您,因为您使用的是
selectToUISlider()
(在问题中应该提到这一点),所以告诉原始
#speed
元素更改其值没有任何作用。@Shyju此评论建议您需要使用
next()