gpt4 book ai didi

jQuery 单击处理程序仅工作一次

转载 作者:行者123 更新时间:2023-12-01 06:20:01 25 4
gpt4 key购买 nike

我已经开始学习 jQuery 并正在学习一些非常简单的示例,但已经遇到了问题。我在单击“白天”按钮后更改了主体,并再次为“夜间”按钮更改了不同的背景。

我发现点击处理程序只能工作一次,如果我先点击夜间按钮,那么白天按钮将不起作用?任何人都可以提供建议或分享最佳实践吗?

这是我到目前为止的代码:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>

<h1>My Website</h1>

<button id="first">Day</button>
<button id="second">Night</button>



<script>
$(function() {
$('button#first').click(function() {

$('body').addClass('day');
});
debud

$('button#second').click(function() {

$('body').addClass('night');
});

});

</script>
</body>
</html>

可运行的副本位于 http://jsbin.com/ufadul/3/edit

最佳答案

此脚本将继续将这些类添加到您的正文标记中,而不是替换它们。由于 CSS 中的位置,.night 优先于 .day

使用以下方法来防止这种情况发生:

$(function() {
$('button#first').click(function() {
$('body').removeClass('night');
$('body').addClass('day');
});

$('button#second').click(function() {
$('body').removeClass('day');
$('body').addClass('night');
});

});

关于jQuery 单击处理程序仅工作一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11756136/

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