gpt4 book ai didi

jquery - 如何使代码重复的 Jquery 循环

转载 作者:行者123 更新时间:2023-11-28 09:53:48 25 4
gpt4 key购买 nike

我正在尝试制作一个按钮,使背景颜色从白色变为黄色,当再次单击该按钮时,它又变回白色。我正在使用 Jquery 来实现这一点,但是在执行循环函数时遇到了问题。我有一个 JSfiddle,设置了与下面相同的代码。 JSFIDDLE

----- HTML -----

<html>
<head></head>
<body>
<div class="button"></div>
</body>
</html>

---- CSS ----

.button {
background-color: #00ccff;
width: 250px;
height: 250px;
border-radius: 25%;
left: 0px;
right: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5em;
}

.body{
background-color: white;
}

---- JQUERY ----

$(document).ready(function () {
var click = false;
(function loop(){
if ('click = false') {
$('.button').click(function () {
$('body').css("background-color", "yellow");
click = true;
});
} else {
$('.button').click(function () {
$('body').css("background-color", "white");
click = false;
});
}
})();
});

最佳答案

$(document).ready(function () {
var click = false;

$('.button').click(function () {
if(click == false){
$('body').css("background-color", "yellow");
click = true;
}else{
$('body').css("background-color", "white");
click = false;
}
});
});

关于jquery - 如何使代码重复的 Jquery 循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24982591/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com