jQuery 旋转插件
我正在使用 jQuery 旋转插件 来旋转项目。它有效，但我遇到了一些问题。
我有该代码：
<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>
问题出在输入 onchange 上。当我更改它时，#np_drag 不会旋转。但是当值是静态时（例如 onchange="$('#np_drag').rotate(45)" 有用。
为什么？我该如何解决我的问题？
I'm using jQuery Rotate plugin to rotate items. It works, but I experienced some problems.
I have that code:
<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>
The problem is on input onchange. When I change it, #np_drag don't rotate. But when value is static (e.g. onchange="$('#np_drag').rotate(45)"
It works.
Why? How can I solve my problem?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
使用
id选择它此外，您可能希望通过 dom-ready 函数绑定
onchange事件，而不是将其写入 HTML 源代码Select it with an
idAdditionally, you might want to bind the
onchangeevent via the dom-ready function instead of writing it in the HTML source在语句
$('#np_drag').rotate(this.value)中，this将引用np_drag我相信你想要它引用np_angle的值。试试这个：In the statement
$('#np_drag').rotate(this.value),thiswill refer tonp_dragand I believe you want it to refer to the value ofnp_angle. Try this: