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

Question

我真的希望有人能提供帮助。我有一个无序列表的 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，尝试过自己添加/删除类(它有效)和其他一些东西，但到目前为止运气不好! 任何建议将不胜感激。

Answer 1

试试这个:

    $(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);
            }
        });
    });