gpt4 book ai didi

jquery - 尝试将类切换为可见/隐藏,但文本重新出现,没有看到任何控制台错误

转载 作者:行者123 更新时间:2023-12-01 08:15:53 29 4
gpt4 key购买 nike

我正在尝试创建一个隐藏按钮的链接。它们消失但立即重新出现。

一旦他们可以保持消失,我将编写更多代码来显示隐藏“显示我”的显示/隐藏链接。

<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$('#small-text').hover (function() { $('body').removeClass().addClass('small-text'); })
$('#large-text').hover (function() { $('body').removeClass().addClass('large-text'); })
$('#button-selector').click (function() { $('#buttons').toggleClass('hidden'); })
});

</script>
<style>
ul {background:yellow}
li {background:green}
.small-text {font-size: small}
.large-text {font-size: large}
#buttons.hidden {display: none}
#buttons.shown {display: normal}
</style>
</head>
<body>
<ul>
<li>AAA-22222</li>
<li>BBB-33333</li>
<li>CCC-44444</li>
</ul>
<div id="buutton_toggle"><a href="" id="button-selector">hide buttons</a></div>
<div id="buttons">
<button id="small-text">Small</button>
<button id="large-text">Large</button>
</div>
</body>

个人作业(学习js/js)

最佳答案

该页面可能正在重新加载,因为这是一个 <a>具有空 href 的元素,尝试阻止默认操作,如下所示:

$(document).ready(function(){ 
$('#small-text').hover (function() { $('body').removeClass().addClass('small-text'); });
$('#large-text').hover (function() { $('body').removeClass().addClass('large-text'); });
$('#button-selector').click(function(e) {
e.preventDefault();
$('#buttons').toggleClass('hidden');
});
});

关于jquery - 尝试将类切换为可见/隐藏,但文本重新出现,没有看到任何控制台错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10769414/

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