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

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');
});

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