Javascript 单击按钮时图像的旋转

先生

在我的HTML页面中，有一个图像和两个用于顺时针和逆时针旋转图像的按钮。我还需要制作一个可拖动的图像。我有做拖动和旋转的代码

我使用以下JavaScript进行拖动：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
    $(function () {
        $('#Image1').draggable();
        $('#WaterMark').draggable();
    });
</script>

$（函数（）{
$（'#Image1'）.draggable（）；
$（“#水印”）.draggable（）；
});

我使用以下JavaScript进行旋转：

<script type="text/javascript"                 src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    var angle = 0;
    $('#btnRotCw').on('click', function () {
        angle += 2;
        $("#Image1").rotate(angle);
    });
    $('#btnRotAcw').on('click', function () {
        angle -= 2;
        $("#Image1").rotate(angle);
    });
});
</script>

$（文档）.ready（函数（）{
var角=0；
$（'btnRotCw'）。在（'click'，函数（）{
角度+=2；
$（“#图像1”）。旋转（角度）；
});
$（'btnRotAcw'）。在（'click'，函数（）{
角度-=2；
$（“#图像1”）。旋转（角度）；
});
});

但在这里，旋转并没有发生

谁能给我指路吗。提前谢谢。

给你

var angle = 0;
$('#button').on('click', function() {
    angle += 90;
    $("#image").rotate(angle);
});
$('#button1').on('click', function() {
    angle -= 90;
    $("#image").rotate(angle);
});

---

我相信这能帮你做你想做的事。祝您好运

先生，我将代码从链接复制到了一个html页面。但图像没有旋转。你能帮帮我吗？我没有加载jquery进行旋转。现在它可以正常工作了。非常感谢您抽出宝贵的时间。