gpt4 book ai didi

jQuery - 仅淡入一次

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

我有以下 jQuery:

$("#toolbar").hover(function () {
$(".logo").fadeOut("slow", function () {
$(this).addClass("logohover")
$(this).parent().addClass("logohover").fadeIn("slow", function () {
$(".logo").fadeIn("slow");
});
});

});

<div id="toolbar">
<div class="logo">
&nbsp;
</div>
</div>

当我将鼠标悬停在 #toolbar 上时它将 .logo 背景淡出(背景在 CSS 中设置),然后将类更改为 .logohover并使用 CSS 中设置的不同背景将其淡入淡出。

但是,当我将光标移开 #toolbar 时然后将鼠标悬停在工具栏上 .hoverlogo淡入淡出。

<div>设置为.logohover我不希望它在悬停时淡出。

如何调整 jQuery 来实现此目的?或者调整我的 jQuery 以获得更好的效果?

最佳答案

问题是事件处理程序仍然存在并且会做出相应的 react 。

您可以尝试在事件处理程序中添加检查来检查元素的类名并中止,即:

if ($('.logo').hasClass('logohover')) return

关于jQuery - 仅淡入一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2410472/

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