为什么我的HTML/Jquery/CSS/Javascript代码不起作用?
问题描述:
代码应该做什么是当我点击一个按钮,它切换ROY G BIV彩虹顺序的背景颜色。它切换到蓝色,但是当我再次按下按钮时,它不会执行任何操作。我尝试再次多次压缩无效。什么都没发生。这里是重要的代码,但如果你想看到整个代码,包括CSS,请访问:http://pastebin.com/v66dTF68:为什么我的HTML/Jquery/CSS/Javascript代码不起作用?
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;
};
});
答
你最后的3 else if语句使用=代替==
答
你的最后3如果条件是不正确的。 它应该是别的if(zz == 6)否则if(zz = 6)。 ==用于检查值是否等于6 while =表示您将zz的值初始化为6. 与上一次相同。 希望它有帮助。
非常感谢! –
请勾选他的答案。 –