为什么我的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. 与上一次相同。 希望它有帮助。