1

我有这个小提琴:http: //jsfiddle.net/tatygrassini/tZBXe/

具有 1 级深子菜单的水平下拉菜单。所有带有 :hover 样式的菜单链接。

单击父级后,子菜单会向下滑动,您将鼠标悬停在外,子菜单会隐藏起来,到目前为止还可以。

Add/Remove my CSS class当单击以更改其背景颜色以伪造“焦点”状态时,我想给父级一个 CSS 类(.focus)。

在 jsfiddle 中,当您单击 时Add/Remove my CSS class,您会看到它的背景颜色会在一秒钟内变为红色,这是因为 :active CSS 样式。
因此,即使您将鼠标悬停在子菜单链接上,父链接仍处于“焦点”状态,但是,当您悬停时,“焦点”CSS 类将被移除以实现其正常状态 CSS。

4

1 回答 1

2

这是一个更新的代码:http: //jsfiddle.net/manuel/tZBXe/2/ 我已经添加

$(this).addClass("focus");

并在悬停功能中

$("a", this).removeClass("focus");
于 2011-11-22T15:14:46.120 回答