jquery - 使 anchor 标签的 "hitbox"与整个 li 的宽度相同

Question

首先让我们提供一些背景信息:http://dev.eduantech.com/

这是我目前正在开发的新网站的预览。 :) 无耻的 self 推销。 ;P

无论如何，我想让你注意的是菜单，注意如果你将鼠标悬停在 li 上，背景会变成蓝色，与文本一样，所以它不再可读。此时文本应该变白，但直到您真正将鼠标放在文本顶部(这是实际的 a 标记)时才会变白。

我该怎么做，当我将鼠标悬停在 li 上时，它实际上也会使文本变白。当然，使用 jQuery 可以轻松实现这一点，但是下一个问题来了。

我怎样才能让它在我点击 li 时开始将我发送到 a 标签的值。也就是说，让整个li标签成为一个链接...

对于感兴趣的人，我正在使用 Statamic .

同样，这可能全部通过一些简单/困难的 jQuery 来实现，无法想象没有 jQuery(*颤抖*)。

如果您需要了解我的代码的任何类型的知识，您当然可以查看该网站的源代码和内容。 ;)

Answer 1

只需让您的 a 标签与 li 标签大小相同:

div#sidebar nav ul li a{
    width: 100%;
    display: block;
}

您可能还想从 li 中删除填充，而是将其应用于 a