根据用户输入更改Jquery滑块值

Question

我正在尝试根据用户输入更改Slider值，但我无法找出正确的方式成为Jquery中的新手。我理解Javascript但这对我来说似乎有点不同。

以下是我的输入标记的代码：

Enter Your Score :<input type="number" id="xcm" />

我正在使用的Slider是http://codepen.io/jessecfisher/full/symul

Answer 1

这看起来像一个jquery-ui滑块。 documentation显示了如何执行此操作：滑块对象上的值方法。

  

值（值）设置滑块的值。

     

代码示例：$（“。selector”）。slider（“value”，55）;

我已经修改了您使用此javascript发布的codepen，以便为您提供所需的功能：

$( "input#amount").change(function() {
    $( "#slider-vertical" ).slider( "value", $(this).val() );
});

http://codepen.io/anon/pen/yawgs

为了使用HTML，您需要

• 将input#amount更新为您的输入元素（input#xcm）
• 将#slider-vertical更新为您的滑块元素（未指定）