如何觸發一個事件結束後，新的事件

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

當然，有更好的方法來做到這一點，但這會奏效。