Jquery UI 滑块 - 输入值并将滑块移动到位置

我想知道是否有人找到了实际填充滑块的输入框并使其滑动到适当位置 onBlur() 的解决方案或示例。目前，众所周知，它只是用您所在的位置更新此值在。因此，在某些方面，我试图扭转这个令人惊叹的滑块的功能。

我找到的一个链接：http://www.webdeveloper.com/forum/archive/index.php/t-177578.html http://www.webdeveloper.com/forum/archive/index.php/t-177578.html有点过时了，但看起来他们做了尝试。但是，结果的链接不存在。我希望那里可能有一个解决方案。

我知道 Filament 重新设计了滑块来处理选择（下拉）值，并且它工作完美。所以目标是做同样的事情，但有一个输入文本框。

这会做你想要的吗？

$("#slider-text-box").blur(function() {
  $("#slider").slider('option', 'value', parseInt($(this).val()));
});

滑块上的每个选项都有一个 setter 和 getter，因此您可以使用它来设置值，如上面的示例所示。从文档中：

//getter
var value = $('.selector').slider('option', 'value');
//setter
$('.selector').slider('option', 'value', 37);

UPDATE:

对于双滑块，您需要使用：

$("#amount").blur(function () {
  $("#slider-range").slider("values", 0, parseInt($(this).val()));
});
$("#amount2").blur(function () {
  $("#slider-range").slider("values", 1, parseInt($(this).val()));
});

你需要使用Math.min/max确保一个值不会传递另一个值，因为设置器似乎并没有阻止这一点。

当你使用的时候你就快到了$("#slider-range").slider("values", 0)获取每个值。许多 jQuery 都有这种 get/set 约定，其中额外的参数用于设置值。