jQuery旋轉插件

Question

我正在使用jQuery Rotate plugin來旋轉項目。它有效，但我遇到了一些問題。

我有代碼：

<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

在聲明$('#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> 

Answer 2

與id

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

選擇它。此外，你可能要綁定的onchange事件，而不是將它寫入HTML源代碼