元素悬停时的jQuery显示框,并在悬停框时保持打开状态

时间:2014-08-21 06:26:51

标签: jquery hover

我想要实现的是使用jQuery在其上方悬停其他元素时显示一个框。

我在this post找到了我需要的东西。您还可以查看此jsfiddle。问题是这个解决方案并不能完全满足我的需求,因为我需要在悬停状态下显示<a>元素,同时将鼠标悬停在下面的框中。当您将鼠标悬停在框中时,<a>元素会丢失悬停状态,这是非常标准的,但我需要它以悬停状态显示。

有什么想法吗? :)

1 个答案:

答案 0 :(得分:1)

请检查更新的源代码:jsfiddle

首先,我将div包含在你的html链接中。

<a class="abc">
    <div class="test">ABC</div>
    <div id="def">TEST</div>
</a>

其次,我添加了悬停设计。您可以注意到,当您将鼠标移动到div时,链接悬停不会消失。

a.abc:hover {color:red;}

请注意,我没有在您的javascript中添加任何内容。

谢谢。