Javascript 如何在jQuery UI slider中将滑块指针移动到滑块比例中的特定点?
我使用的是来自“灯丝”组的jQuery UI滑块,它将选择元素转换为滑块。它很好用。现在,我想使用JavaScript以编程方式将滑块处理程序移动到滑块比例中的特定点 例如:当我点击一个按钮时,它会调用一个JavaScript函数,在里面我想写一段代码,将滑块指针移动到刻度中的特定tic/滑块点 我这里有我的示例应用程序: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
$(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()
: