如何将滑块指针移动到jQuery UI Slider中滑块刻度中的特定点?

时间:2011-06-30 15:27:46

标签: javascript jquery slide jquery-ui-slider select-to-slider

我正在使用Filament组的jQuery UI滑块,它将SELECT元素转换为滑块。它工作正常。现在,我想以编程方式使用JavaScript将滑块处理程序移动到滑块刻度中的特定点。

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

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

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


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

}

http://jsfiddle.net/DrR7s/15/

3 个答案:

答案 0 :(得分:4)

您可以使用“选项”功能,所以:

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

答案 1 :(得分:1)

我也有点挣扎。基本上,您只需设置选择的值,然后触发选择的更改事件。这应该可以解决问题。

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

我使用修复程序更新了jsfiddle:http://jsfiddle.net/DrR7s/44/

答案 2 :(得分:0)

你的例子中有js错误。

“未捕获的ReferenceError:未定义移动”

将你的Move功能放到html体内。