如何使用jQuery按順序使用jQuery來定義事件？

Question

我按空格鍵使這就像聊天康沃的事情，你可以在下另一條消息，但它沒有工作，還有一個活代碼：

http://jsfiddle.net/VCpqs/7/

任何人都可以到解釋它如何通過按下每個鍵到下一個消息來排列事件？

謝謝！

Answer 1

這是你正在尋找的：http://jsfiddle.net/VCpqs/11/？

您需要跟蹤當前顯示哪條消息（我正在使用類current），並相應地隱藏該消息並僅顯示下一條消息。

這是jQuery的：

$(document).keyup(function(event) { 
    if (event.which === 32) { 
     if ($('#msg1').hasClass('current')) 
     { 
      $('#msg1').hide('slow').removeClass('current'); 
      $('#msg2').show('slow').addClass('current'); 
     } 
     else if ($('#msg2').hasClass('current')) 
     { 
      $('#msg2').hide('slow').removeClass('current'); 
      $('#msg3').show('slow').addClass('current'); 
     } 
    } 
}); 

好知道你得到了它在一個循環工作。我只是努力實現它在一個循環，以及，這就是我得到的：http://jsfiddle.net/VCpqs/18/

var messages = new Array('msg1','msg2','msg3'); 

$(document).keyup(function(event) { 
    if (event.which === 32) { 
     for (x in messages) 
     { 
      if ($('#'+messages[x]).hasClass('current')) 
      { 
       $('#'+messages[x]).hide('slow').removeClass('current'); 
       $('#'+messages[(parseInt(x)+1)]).show('slow').addClass('current');     
       break; 
      } 
     }  
    } 
});