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

Question

如何根据输入的值改变滑块的位置？我的想法用完了。任何帮助将不胜感激。

这是我的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

Answer 1

检查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。