jquery - 根据输入值更改滑块的位置

如何根据输入的值更改滑块的位置？我没有想法了。任何帮助，将不胜感激。

这是我的html

<h1>HTML Slider Test</h1>

<div id="slider"></div>

<p>Your slider has a value of <span id="slider-value">
<input type="text">
</span></p>

这是script

$("#slider").slider(
    {
      value:100,
      min: 0,
      max: 500,
      step: 50,
      slide: function( event, ui ) {
        $( "#slider-value" ).val( ui.value );
      }
    }
);

$( "#slider-value input" ).val(  $('#slider').slider('value') );

这是小提琴

Sample

最佳答案

检查Docs for jQueryUI。
您需要使用$( ".selector" ).slider( "value", 55 );

Here's a demo

$('input').on('change keyup', function(){
    var val = $(this).val();
  $( "#slider" ).slider( "value", val );
});

如果change过于激进，也可以只使用keyup。

关于jquery - 根据输入值更改滑块的位置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41498029/