图像旋转使用jQuery

Question

我正在尝试旋转和图像，当我点击它但代码似乎不适合我。任何帮助，将不胜感激。 马丁。

<script src="jQueryRotate.js" language="javascript" type="text/javascript"></script>

<script type="text/javascript" language="javascript">
$(document).ready(function()
{
  $(".gun4").click(function()
      {
          $(".gun4").rotate(90);
      });
});

<div id="pic">
<img src="Images/gun4.jpg" height="100" width="120" id="gun" class="gun4"/>

Answer 1

您的代码正在运行，我对其进行了一些更改以用于测试目的，您可以在此处查看：

http://jsfiddle.net/Ef6mX/2/

var I = 0;
$(document).ready(function()
{
  $(".gun4").click(function()
      {
          $(".gun4").rotate(90*(I%4));
          I++;
      });
});

因此，请检查您是否正确加载Jquery或是否有错误。