Как изменить значение слайдера jQuery UI из текстового поля?

Question

У меня есть базовый слайдер jQuery UI, который позволяет пользователю перемещать слайдер и связанные с ним обновления текстового поля со значением.

Я пытаюсь сделать так, чтобы, когда пользователь меняет значение текстового поля, ползунок переместится в правильное значение. Я считаю, что проблема, которую я испытываю, связана с нелинейными значениями, которые требуется для этого слайдера, хотя на самом деле это может быть причиной неправильных движений в примере jsFiddle.

Я попытался например

$("#slider").slider("option","value",4); 

, но это не обновляется в правильное положение.

Любая помощь была бы принята с благодарностью.

http://jsfiddle.net/kfzZ8/3/

Answer 1

Вы хотели бы использовать индекс вашего sizeArray:

var position = sizeArray.indexOf(parseInt($('#tbSize').val())); 
$("#slider").slider("option","value", position); 

http://jsfiddle.net/nm2gs/