開關未工作

Question

這是我的第一個問題在這裏，請不要生氣，如果這是愚蠢的...... 所以我有這個代碼塊，並且它不工作：

var clicks = 0; 

$('body').click(function(){ 
    clicks ++; 
    console.log(clicks); 
}); 

switch(clicks){ 
     case 1: 
     $('#contentlist1').fadeIn(50); 
     break; 
     case 2: 
     $('#contentlist2').fadeIn(50); 
     break; 
     case 3: 
     console.log("this is 3"); 
     break;   
     case 4: 
     $('#contentlist4').fadeIn(50); 
     break; 
     }; 

我想要做的就是讓元素在每次隨後的點擊中一個接一個地褪色，就像powerpoint bulletpoint動畫一樣，但它不起作用。

我已經將fadeIn更改爲console.log（'message'）等以查看它是否是破壞的淡入淡出，但我認爲該開關不起作用，而不是淡入淡出。 （元素已經淡出，所以淡入淡出效果應該正常）。

這段代碼有什麼問題？我已經看過一些資料，它不應該是因爲'點擊'是一個整數值。

Answer 1

你的switch語句應該是click函數內部，你應該檢查時clicks比max箱子多，

var clicks = 0; 

$('body').click(function() { 
    if(++clicks > 4) clicks = 1; 

    switch (clicks) { 
     case 1: 
      $('#contentlist1').fadeIn(50); 
      break; 
     case 2: 
      $('#contentlist2').fadeIn(50); 
      break; 
     case 3: 
      console.log("this is 3"); 
      break; 
     case 4: 
      $('#contentlist4').fadeIn(50); 
      break; 
    }; 
    console.log(clicks); 
});