jquery - 向 CSS 菜单添加延迟（仍然支持非 js 浏览器）

Question

我有一个三级菜单，适用于 :hover 并且仅使用 css。现在我需要为悬停添加一点延迟（因此将我的 css :hover 更改为 .hover 类并使用 jQuery）。问题是，如果浏览器关闭了 javascript，菜单还会起作用吗？我可以让两个“系统”同时工作吗？

score 3 · Accepted Answer

no-js在<html>标签上添加一个类：

<html class="no-js">

然后从 JavaScript 中删除该类：

$('html').removeClass('no-js');

而在 CSS 中，你的目标是禁用 JS 的浏览器，如下所示：

.menu.hover { color: red; } // .hover class
.no-js .menu:hover { color: red; } // pseudo :hover JS disabled

1 回答 1