0

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)" 機能します。

なんで？どうすれば問題を解決できますか?

4

2 に答える 2

1

で選択します。id 

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

onchangeさらに、イベントを HTML ソースに記述する代わりに、dom-ready 関数を介してバインドしたい場合があります。

于 2011-03-13T15:29:10.307 に答える
0

ステートメントでは$('#np_drag').rotate(this.value)、thiswill を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>
于 2011-03-13T15:30:44.447 に答える