どのようにイベントが

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

もちろん、これを行うにはより良い方法がありますが、これは機能します。