Как сделать range slider который будет изменяться от введенных данных?

Question

[nen0y]

Как сделать range slider который будет изменяться от введенных данных? Для отображение самого слайдера выбрал библиотеку https://api.jqueryui.com/slider/, но мне нужно сделать, чтобы цифра отображалась введенная с input, так же если мы изменим значение на самом слайдере, значение должно измениться в input.

Answer 1

[Danny Arty]

Примерно так, если вам нужен один handler

Comments

[nen0y]

баг есть

[Danny Arty]

nen0y, исправил

[nen0y]

Danny Arty, спасибо

[nen0y]

Danny Arty, такую ошибку получаю, не подскажите в чем проблема?

Uncaught TypeError: _local_modules_jquery_dist_jquery_min__WEBPACK_IMPORTED_MODULE_0___default(...)(...).slider is not a function

[Danny Arty]

nen0y, jquery-ui подключили?

[nen0y]

Danny Arty,

[Danny Arty]

nen0y, может дело в версии, попробуйте последнюю 1.12.1

[Danny Arty]

nen0y, и проверьте не подключается ли где-нибудь еще jquery

[nen0y]

Danny Arty, Как сделать range slider который будет изменяться по клику на кнопку?, может подскажите, как тут сделать?

Answer 2

[Евгений]

jsfiddle.net/FPCRb