如何触发一个事件结束后，新的事件

Question

我有我此刻的jQuery有点麻烦我希望能够按照这个程序

：

• 该页面加载和图像动画
• 我点击链接，图像做不同的动画
• 我再次单击链接，它开始另一个动画。

这是我目前使用的代码：

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('img').fadeIn(100).addClass('stage1'); 
      $("#next").click(function() { 
       $('img').addClass('stage2'); 
      }); 
     }); 
    </script> 


    <a href="#" id="next">Next</a> 
    <ul> 
     <li><img src="jquery.png" /></li> 
     <li><img src="jquery.png" /></li> 
    </ul> 

我希望这是有道理的，你可以给我任何帮助，将不胜感激。

谢谢

Answer 1

使用hasClass jquery函数。

$("#next").click(function() { 
    if($('img').hasClass('stage2')) 
    { 
     $('img').addClass('stage3'); 
    } 
    else 
     $('img').addClass('stage2'); 
}); 

当然，有更好的方法来做到这一点，但这会奏效。