如何在 jQuery UI Slider 中将滑块指针移动到滑块刻度中的特定点?
我正在使用 Filament 组中的 jQuery UI 滑块,它将 SELECT 元素转换为滑块。效果很好。现在,我想使用 JavaScript 以编程方式将滑块处理程序移动到滑块比例中的特定点。
例如:当我点击一个按钮时,它会调用一个 JavaScript 函数,在其中我想编写一段代码,将滑块指针移动到刻度中的特定抽动/滑块点。
我在这里有我的示例应用程序:
$(function(){
$('#speed').selectToUISlider();
//fix color
//fixToolTipColor();
});
function Move()
{
// How do i move to "Slow" point ?
}
I am using the jQuery UI slider from Filament group where it will convert a SELECT element to the slider. It works fine. Now I want to programmatically move the slider handler to a particular point in the slider scale using JavaScript.
Ex: When I click on a button, it will call a JavaScript function and inside that I want to write the piece of code which will move the slider pointer to a specific tic/slider point in the scale.
I have my sample application here:
$(function(){
$('#speed').selectToUISlider();
//fix color
//fixToolTipColor();
});
function Move()
{
// How do i move to "Slow" point ?
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
您可以使用“选项”功能,因此:
You can use the "option" function for that, so:
我也为此苦苦挣扎了一会儿。基本上,您只需设置选择的值,然后触发选择的更改事件。这应该可以解决问题。
我更新了 jsfiddle 并修复了:http://jsfiddle.net/DrR7s/44/。
I struggled with this for a bit too. Basically, you just have to set the value of the select and then trigger the select's change event. This should do the trick.
I updated jsfiddle with the fix: http://jsfiddle.net/DrR7s/44/.
并且您的示例中有 js 错误。
“未捕获的引用错误:未定义移动”
只需将您的 Move 函数放入 html 正文即可。
And you have js error in your example.
"Uncaught ReferenceError: Move is not defined"
Just put your Move function to html body.