gpt4 book ai didi

javascript - Jquery Mouseenter 单击以删除类不起作用

转载 作者:行者123 更新时间:2023-11-30 18:23:59 26 4
gpt4 key购买 nike

我真的希望有人能提供帮助。我有一个无序列表的 anchor ,在 mouseenter 时不透明度逐渐消失(css 默认为 0.7),在 mouseleave 时再次消失。

单击时,我想添加一个使不透明度保持完整的类。到目前为止,但是从匹配的元素中删除类目前不起作用 - 让类保持完全不透明的其他项目也是。

这是 Jquery:

    $(document).ready(function () {

$("#nav a").mouseenter(function () {
$(this).fadeTo("slow", 1);
$("#nav a").click(function () {
$(".activeList").removeClass("activeList"); //THIS PART ISN'T WORKING
$(this).addClass("activeList");
});
});

$("#nav a").mouseleave(function () {
if (!$(this).hasClass("activeList")) {
$(this).fadeTo("fast", 0.7);
}
});
});

我觉得是因为mouseenter卡在元素里面,只能影响(this)。尝试过 .bind/.unbind,尝试过自己添加/删除类(它有效)和其他一些东西,但到目前为止运气不好!任何建议将不胜感激。

最佳答案

试试这个:

    $(document).ready(function () {

$("#nav a").mouseenter(function () {
$(this).fadeTo("slow", 1);
});

$("#nav a").click(function () {
$(".activeList").removeClass("activeList"); //THIS PART ISN'T WORKING
$(this).addClass("activeList");
});

$("#nav a").mouseleave(function () {
if (!$(this).hasClass("activeList")) {
$(this).fadeTo("fast", 0.7);
}
});
});

关于javascript - Jquery Mouseenter 单击以删除类不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11369702/

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