Плагин jQuery Rotate

Question

Я использую плагин jQuery Rotate для поворота предметов. Это работает, но у меня возникли некоторые проблемы.

У меня есть этот код:

<input type="text" name="np_angle" id="np_angle" size="2" maxlength="4" value="<?=$userinfo->np_angle?>" onchange="$('#np_drag').rotate(this.value)" />

<div id="np_drag" style="color:<?=$userinfo->np_color?>; font-size:<?=$userinfo->np_size?>px;position:absolute;top:<?=$userinfo->np_y?>px;left:<?=$userinfo->np_x?>px" class="draggable np_drag">
<?=$userinfo->np_text?>
</div>

<script>$("#np_drag").rotate(<?=$userinfo->np_angle?>);</script>

Проблема с входным обменом. Когда я изменяю это, #np_drag не вращается. Но когда значение статично (например, onchange="$('#np_drag').rotate(45)" Это работает.

Почему? Как я могу решить мою проблему?

Answer 1

Выберите его с помощью id

...  id="my-id" onchange="$('#np_drag').rotate($('#my-id).val())" ...

Кроме того, вы можете связать событие onchange с помощью функции dom-ready вместо записи его в исходный код HTML

Answer 2

В утверждении $('#np_drag').rotate(this.value), this будет ссылаться на np_drag, и я полагаю, что вы хотите, чтобы оно ссылалось на значение np_angle.Попробуйте это:

<input type="text" name="np_angle" id="np_angle" size="2" maxlength="4" value="<?=$userinfo->np_angle?>" />

<script>$('#np_angle').bind('change', function(e){$('#np_drag').rotate($('#np_angle').val())});" </script>