gpt4 book ai didi

javascript - jQuery toggleClass 只切换一次

转载 作者:行者123 更新时间:2023-11-30 11:41:42 27 4
gpt4 key购买 nike

我有一个 div,我试图将它的类从一个切换到另一个。我只能切换它一次,但它不会返回到原来的类。我四处寻找可能的答案并研究了传播函数,但我不确定这是正确的用法吗?

<body>
<div id="wrapBreather">
<div id="counter" class="cInact">
<!--<canvas id="timerAnimation"></canvas>-->
</div>
</div>
<br />
<button id="startStopCount" class="HomeButton" >Start</button>
<script>
$(startStopCount).click(function(e){
e.stopPropagation();
$('.cInact').toggleClass('cDown cInact');
});
$('html').click(function () {
$('#counter').removeClass('cDown');
});
</script>
</body>

最佳答案

您正在通过 $('.cInact') 获取元素。但是,当您切换类 .cInact 时,您无法再通过 $('.cInact') 获取该元素(它不再有该类)。

您可以使用 $('#counter') 进行选择(获取 ID 而不是类,因为您没有切换 ID)或将元素引用分配给变量:

var myAwesomeCounter = $('.cInact');

// Then use
myAwesomeCounter.toggleClass('cDown cInact');

关于javascript - jQuery toggleClass 只切换一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42421331/

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