Zmeniť hodnotu posuvníka Jquery podľa zadania užívateľa - jquery, vstup, tagy

Snažím sa zmeniť hodnotu jazdca podľa vstupu používateľa, ale nedokážem prísť na to, ako byť nováčikom v Jquery. Rozumiem Javascriptu, ale zdá sa mi to trochu iné.

Tu je kód pre moju vstupnú značku:

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

a jazdec, ktorý používam, je http://codepen.io/jessecfisher/full/symul

odpovede:

Vyzerá to ako posúvač jquery-ui. dokumentácia ukazuje, ako to urobiť: metóda hodnoty na posuvnom objekte.

hodnota( hodnota ) Nastavte hodnotu posúvača.

Príklady kódu: $ (".selector") .slider ("value", 55);

Upravil som kód, ktorý ste uverejnili pomocou tohto javascriptu, aby vám poskytol požadovanú funkčnosť:

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

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

Aby to fungovalo s vašim HTML, musíte

• aktualizovať input#amount byť vaším vstupným prvkom (input#xcm)
• aktualizovať #slider-vertical byť vašim posuvným prvkom (nešpecifikovaný)