1

HTML5范围输入和旋转插件jqueryrotate https://code.google.com/p/jqueryrotate/wiki/Examples

问题是我希望在更改范围元素的值后立即旋转图像，我必须更改

元素，但由于某些奇怪的原因，它不适用于旋转值

我的代码：

   <script type="text/javascript">
    $(function() {
    $("#rotationrange").change(function  () {
        var rotationrange = $("#rotationrange").val();
        parseInt(rotationrange,10);
        var angle = rotationrange;
        $(".rotatebox").rotate(angle);
        $("p").text(angle);
       })
    });
  </script>

HTML

   <img src="assets/imgs/temp.jpg" height="480" width="640" class="rotatebox" />
   <input type="range" name="points" min="-20" max="20" id="rotationrange">
   <p>here</p> degrees

输出是

元素改变但旋转从未发生

有什么建议么 ？？也许其他插件会起作用？

4

2 回答 2

1

你需要结合

parseInt(rotationrange,10);
var angle = rotationrange;

进入

var angle = parseInt(rotationrange, 10);

http://jsfiddle.net/mblase75/Vzpng/

于 2013-02-27T20:48:02.110 回答
0

问题出在你的parseInt线路上。

parseInt(rotationrange,10);

parseInt不改变括号内变量的值；它输出一个新值作为其返回值。因此，您上面的行会将值解析为整数，但随后会立即丢弃结果。

您需要做的是使用该输出，可能会将其写回rotationrange变量，如下所示：

rotationrange = parseInt(rotationrange,10);

希望有帮助。

于 2013-02-27T20:51:04.810 回答