切换 Jquery 不起作用答案

【问题标题】：Toggle Jquery doesn't work切换 Jquery 不起作用
【发布时间】：2016-08-10 10:15:04
【问题描述】：

我不知道问题出在哪里，但是切换不起作用：

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

【问题讨论】：

您检查控制台是否有任何错误？
此方法已从 jq 1.9 api.jquery.com/toggle-event中删除
@A.沃尔夫：你是对的。有什么选择？
最后，我用的是 Jquery 1.7...
最好的选择是使用点击事件

标签： javascript jquery html css toggle

【解决方案1】：

这是你想要达到的目标吗？

看看这个小提琴：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]
  });

});

【讨论】：