爲什麼我的HTML/Jquery/CSS/Javascript代碼不起作用？

Question

代碼應該做什麼是當我點擊一個按鈕，它切換ROY G BIV彩虹順序的背景顏色。它切換到藍色，但是當我再次按下按鈕時，它不會執行任何操作。我嘗試再次多次壓縮無效。什麼都沒發生。這裏是重要的代碼，但如果你想看到整個代碼，包括CSS，請訪問：http://pastebin.com/v66dTF68：

var lol = 0; 
var zz = 1; 

$(".troll").click(function() { 
    if (lol == 0) { 
    $('.troll').animate({left:'0em'}, {queue: false, duration: 1000}); 
    lol = 1; 
    } else if (lol == 1) { 
    $('.troll').animate({left:'-48em'}, {queue: false, duration: 1000}); 
    lol = 0; 
    }; 
}); 

$('.troll button').mouseenter(function() { 
    lol = 3; 
}); 

$('.troll button').mouseleave(function() { 
    lol = 1; 
}); 

$('.troll button').click(function() { 
    if (zz == 1) { 
    $('body').css('background-color', '#ff1a1a'); 
    zz = 2; 
    } else if (zz == 2){ 
    $('body').css('background-color', '#ff8c1a'); 
    zz = 3; 
    } else if (zz == 3){ 
    $('body').css('background-color', '#ffff1a'); 
    zz = 4; 
    } else if (zz == 4){ 
    $('body').css('background-color', '#47d147'); 
    zz = 5 
    } else if (zz == 5){ 
    $('body').css('background-color', '#1a1aff'); 
    zz = 6; 
    } else if (zz = 6){ 
    $('body').css('background-color', '#4b0082'); 
    zz = 7; 
    } else if (zz = 7){ 
    $('body').css('background-color', '#3964c3'); 
    zz = 8; 
    } else if (zz = 8){ 
    $('body').css('background-color', 'black'); 
    zz = 1; 
    }; 
}); 

Answer 1

你最後的3 else if語句使用=代替==

Answer 2

你的最後3如果條件是不正確的。 它應該是別的if（zz == 6）否則if（zz = 6）。 ==用於檢查值是否等於6 while =表示您將zz的值初始化爲6. 與上一次相同。 希望它有幫助。