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

发布于 2024-11-18 01:25:22 字数 484 浏览 2 评论 0原文

我正在使用 Filament 组中的 jQuery UI 滑块,它将 SELECT 元素转换为滑块。效果很好。现在,我想使用 JavaScript 以编程方式将滑块处理程序移动到滑块比例中的特定点。

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

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

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


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

}

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

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 ?

}

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

难理解 2024-11-25 01:25:22

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

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

You can use the "option" function for that, so:

$('#someSliderElement').slider('option', 'value', 25); // Replace 25 with a value between 0-100
和我恋爱吧 2024-11-25 01:25:22

我也为此苦苦挣扎了一会儿。基本上,您只需设置选择的值,然后触发选择的更改事件。这应该可以解决问题。

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

我更新了 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.

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

I updated jsfiddle with the fix: http://jsfiddle.net/DrR7s/44/.

浅笑依然 2024-11-25 01:25:22

并且您的示例中有 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文