jquery - 删除一个a类，然后用jquery隐藏它

Question

我的以下代码似乎不起作用。

$("ul li a").live("click", function() {
        $(".myMegaMenuDiv").addClass('hideit').delay(300).removeClass('hideit');
 });

我有一个大型菜单，因此当您将鼠标悬停在菜单项上时，它会显示一个 div“.myMegaMenuDiv”。但是当我单击该 div 中的链接时，我希望它消失，因为它目前没有消失。我希望上面的代码能够解决这个问题。

“hideit”添加值“display:none”

当我只有“addClass”时它可以工作，但是当我添加“delay”和“removeClass”时它就停止工作。

编辑:另外...在我隐藏“.myMegaMenuDiv”之后，当我将鼠标悬停在导航菜单项上时，菜单不会显示，因此它也需要删除该类

Answer 1

如果您只想在点击时隐藏 div，则可以使用 hide 函数。另外，live 函数已被弃用，因此最好使用 on。

$("ul li a").on("click", function() {
    $(".myMegaMenuDiv").hide();
});

如果你想隐藏和显示，可以使用setTimeout:

$("ul li a").on("click", function() {
    $(".myMegaMenuDiv").hide();
    setTimeout(function() {
        $(".myMegaMenuDiv").show();
    }, 300);
});