jQuery .val Загадка между двумя полями ввода

Question

Я пытаюсь сделать так, чтобы, если бы я перемещал красный квадрат вокруг экрана с помощью jQuery UI и jQuery, то поле ввода обновлялось с позицией div. Я получил это работая с простым .val. Но трудно объяснить почему, но мне нужно сделать так, чтобы при перемещении квадрата обновлялось поле ввода, а при изменении значения поля ввода другое поле ввода отображало новое значение старого поля ввода. Имею ли я какой-либо смысл, потому что я запутываю себя :). Я сделал jsfiddle, так что, возможно, там будет больше смысла.

Если вы переместите красный квадрат, то поле ввода непосредственно над ним обновится, а поле ввода выше этого не сделает, даже если оно запрограммировано для отображения значения поля ввода ниже самого себя.

P.S. Это относится только к jQuery или эта проблема присутствует во всем JavaScript.

Спасибо!

http://jsfiddle.net/xmCsq/27/

Answer 1

Вам нужно вызвать событие вручную, если вы устанавливаете значение в коде, например,

http://jsfiddle.net/xmCsq/30/

Также, почему вы используете событие keyup?

edit: не берите в голову, я неправильно понял, что вы пытались сделать.

Answer 2

Я немного почистил твой код.Проблема заключалась в том, что имя, которое вы выбрали для # other's val, value, уже занято языком Javascript.Рабочая демоверсия здесь .

РЕДАКТИРОВАТЬ: О, неправильно прочитал ваш вопрос.Обновил демо;причина, по которой ваш второй блок не обновлялся, заключается в том, что вы забыли установить его на обновление, когда отпустили перетаскиваемый блок.:)