Javascript 如何使用jQuery使每个按钮闪烁?

Javascript 如何使用jQuery使每个按钮闪烁?,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我对jQuery非常陌生,为了更好地学习它,我正在开发一个Simon游戏。我正在尝试使用jQuery选择与randomChosenColor具有相同id的按钮。我只有一个按钮(红色)在点击时闪烁,我不知道哪里出了问题。结果应该是点击按钮后会点击到匹配的id颜色 let buttoncolors=[“红色”、“蓝色”、“绿色”、“黄色”]; 让gamePattern=[]; 函数nextSequence(){ 让randomNumber=Math.floor(Math.random()*4);

我对jQuery非常陌生,为了更好地学习它,我正在开发一个Simon游戏。我正在尝试使用jQuery选择与
randomChosenColor
具有相同id的按钮。我只有一个按钮(红色)在点击时闪烁,我不知道哪里出了问题。结果应该是点击按钮后会点击到匹配的id颜色

let buttoncolors=[“红色”、“蓝色”、“绿色”、“黄色”];
让gamePattern=[];
函数nextSequence(){
让randomNumber=Math.floor(Math.random()*4);
让RandomChosenColor=按钮颜色[随机数];
游戏模式。推送(随机选择颜色);
$(“#”+randomChosenColor).on(“单击”,函数(){
$(“#”+随机选择颜色).fadeOut(100).fadeIn(100);
})
返回随机选择颜色;
}
nextSequence()
正文{
文本对齐:居中;
背景色:#011F3F;
}
#级别标题{
字体系列:“按开始2P”,草书;
字体大小:3rem;
利润率:5%;
颜色:#FEF2BF;
}
.集装箱{
显示:块;
宽度:50%;
保证金:自动;
}
.btn{
利润率:25px;
显示:内联块;
高度:200px;
宽度:200px;
边框:10px纯黑;
边界半径:20%;
}
.比赛结束了{
背景色:红色;
不透明度:0.8;
}
瑞德先生{
背景色:红色;
}
格林先生{
背景颜色:绿色;
}
蓝先生{
背景颜色:蓝色;
}
黄先生{
背景颜色:黄色;
}
.按{
盒影:0 20px白色;
背景颜色:灰色;
}

按一个键开始

它正按照您编程的方式运行。它选择一种随机颜色,如果你点击它,它会闪烁。它也不总是红色的。不清楚您希望它做什么。不,我不是在尝试使用CSS。@IwrestleDabearon。奇怪的是,只有红色的按钮在工作,而不是这个代码。代码不会在你的机器上神奇地运行。如果这是您正在使用的代码,那么您所有的按钮都“工作”,假设这是您希望它们执行的操作。