jquery - 根据输入的值改变 slider 的位置

Question

如何根据输入的值改变 slider 的位置？我没有主意了。任何帮助将不胜感激。

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

这是脚本

$("#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') );

这是 fiddle

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 );
});

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