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 に答える