切换Jquery不起作用

时间:2016-08-10 10:15:04

标签: javascript jquery html css toggle

我不知道问题出在哪里,但切换不起作用:

MY JSFIDDLE

$("#header").toggle(
    function(){$("#header").css({"background-color": "pink"});},
    function(){$("#header").css({"background-color": "blue"});},
    function(){$("#header").css({"background-color": "green"});
});

1 个答案:

答案 0 :(得分:3)

这是你想要实现的目标吗?

看看这个小提琴:fiddle

在javascript中使用它:

var colors = ["pink", "blue", "green"];
var index = 0;
$("#header").click(function() {

  index++;
  if(index > colors.length - 1)
     index = 0;
  $("#header").css({
    "background-color": colors[index]
  });

});