javascript - 如何制作两部分的切换？

Question

超级简单的概念。请参阅此处http://jquerytest.thepeoplesmarketing.us/jquerydev/index2.html。灰色 div 是“幻灯片”。我想要从左到右 5 个（不是问题），并且在悬停时，每个“动画”红色 div 当前在示例中悬停时可见。

显然，问题是当我切换红色 div 时，我的悬停焦点会更改为它，从而取消切换它。在我将整个父 div 鼠标移开之前，如何让它不会“取消切换”？

（（免责声明；非常极端的 JS/JQ 菜鸟，具有强大的 python 背景，所以请原谅我的愚蠢））

score 1 · Accepted Answer

显示的红色 div 位于悬停元素的顶部，因此它失去了悬停。将红色 div 放置在悬停元素内，如下所示：

<div id="box1" class="boxclass">
    <div id="msgbox" class="hideplz" style="display: none;"></div>
</div>

*或者，如果您不能更改 html 结构，您可以在灰色 div 上执行“mouseenter”，在红色 div 上执行“mouseout”。

score 0 · Accepted Answer

如果您使用带有“悬停”状态的 jQuery，则必须更改它。您需要一个将鼠标悬停在灰色 div 上的功能，然后检查是否悬停在红色 div 之外以再次隐藏它。

您还可以检查红色 div 的状态（是否显示），因为如果没有显示，您可能还想在灰色 div 上触发 houver。

编辑：还要检查 Syon 的答案。我不认为你可以这样做，因为你可能会有不止一个灰色 div，但如果你这样做，那就去吧。

2 回答 2