Javascript onClick函数remove:hover伪类

我偷了一个jQuery脚本，使同一页面上的导航链接平滑滚动，并做了一些小改动

---

到目前为止，它还可以正常工作，但是当单击链接时，悬停事件的CSS不会被删除，文本仍然带有下划线。现在我认为这与preventDefault函数有关，它做它的名字所暗示的，并防止默认行为

鼠标再次离开链接后，如何删除hover伪类

$(document).ready(function ()
{
    $('a.smooth').click( function (e)
    {
        e.preventDefault();

        var target = this.hash,
        $target = $(target);

        $('html, body').stop().animate({
            'scrollTop': ($target.offset().top - 100)
        }, 900, 'swing', function ()
        {
            window.location.hash = target;
        });
    });
});

编辑：
我刚刚发现了问题-我将

a:active

设置为

text-decoration:underline

。 查看我的小提琴以供参考：

---

对不起，这太明显了。我想我需要一些睡眠。

我的猜测是

：visted

伪类的样式有下划线。您可以通过以下方式进行更改：

a:visited{
    text-decoration: none;
}

编辑：

在发布了JSFIDLE之后，我可以看出问题实际上在于您将h1嵌入到锚中。您应该将锚定标记嵌入标题中

---

编辑。请注意CSS与以前一样。

我猜

：visted

伪类的样式是带下划线的。您可以通过以下方式进行更改：

a:visited{
    text-decoration: none;
}

编辑：

在发布了JSFIDLE之后，我可以看出问题实际上在于您将h1嵌入到锚中。您应该将锚定标记嵌入标题中

---

编辑。请注意CSS与以前一样。

我猜

：visted

伪类的样式是带下划线的。您可以通过以下方式进行更改：

a:visited{
    text-decoration: none;
}

编辑：

在发布了JSFIDLE之后，我可以看出问题实际上在于您将h1嵌入到锚中。您应该将锚定标记嵌入标题中

---

编辑。请注意CSS与以前一样。

我猜

：visted

伪类的样式是带下划线的。您可以通过以下方式进行更改：

a:visited{
    text-decoration: none;
}

编辑：

在发布了JSFIDLE之后，我可以看出问题实际上在于您将h1嵌入到锚中。您应该将锚定标记嵌入标题中

---

---

编辑。请注意CSS与以前一样。

我想我们也将重新定义HTML和CSS。JSfiddle请问？“但是当点击链接时，悬停事件的CSS不会被删除”你能在JSfiddle上复制这个行为吗？

hover

伪类不应该受到这个代码的影响。提供一把小提琴让我们看一看不用于更改CSS。如果需要删除下划线，请使用CSS执行此操作。尝试此操作。在html

链接中

和css

中.hoverClass:hover{text-decoration:underline；}.smooth{text-decoration:none；}

和上面显示的js中

e.preventDefault（）

线型

$（this）.removeClass（'hoverClass'）

。不确定这是否回答了你的问题。我想我们也会重新定义HTML和CSS。JSfiddle请问？“但是当点击链接时，悬停事件的CSS不会被删除”你能在JSfiddle上复制这个行为吗？

hover

伪类不应该受到这个代码的影响。提供一把小提琴让我们看一看不用于更改CSS。如果需要删除下划线，请使用CSS执行此操作。尝试此操作。在html

链接中

和css

中.hoverClass:hover{text-decoration:underline；}.smooth{text-decoration:none；}

和上面显示的js中

e.preventDefault（）

线型

$（this）.removeClass（'hoverClass'）

。不确定这是否回答了你的问题。我想我们也会重新定义HTML和CSS。JSfiddle请问？“但是当点击链接时，悬停事件的CSS不会被删除”你能在JSfiddle上复制这个行为吗？

hover

伪类不应该受到这个代码的影响。提供一把小提琴让我们看一看不用于更改CSS。如果需要删除下划线，请使用CSS执行此操作。尝试此操作。在html

链接中

和css

中.hoverClass:hover{text-decoration:underline；}.smooth{text-decoration:none；}

和上面显示的js中

e.preventDefault（）

线型

$（this）.removeClass（'hoverClass'）

。不确定这是否回答了你的问题。我想我们也会重新定义HTML和CSS。JSfiddle请问？“但是当点击链接时，悬停事件的CSS不会被删除”你能在JSfiddle上复制这个行为吗？

hover

伪类不应该受到这个代码的影响。提供一把小提琴让我们看一看不用于更改CSS。如果需要删除下划线，请使用CSS执行此操作。尝试此操作。在html

链接中

和css

中.hoverClass:hover{text-decoration:underline；}.smooth{text-decoration:none；}

和上面显示的js中

e.preventDefault（）

线型

$（this）.removeClass（'hoverClass'）

。不确定这是否回答了你的问题。差不多。它是一个：活动；-）这就是我最初说的！但后来我看到你提到鼠标离开元素后，我很困惑。Active仅在单击元素时应用。几乎。它是一个：活动；-）这就是我最初说的！但后来我看到你提到鼠标离开元素后，我很困惑。Active仅在单击元素时应用。几乎。它是一个：活动；-）这就是我最初说的！但后来我看到你提到鼠标离开元素后，我很困惑。Active仅在单击元素时应用。几乎。它是一个：活动；-）这就是我最初说的！但后来我看到你提到鼠标离开元素后，我很困惑。活动仅在单击元素时应用。