问题标签 [mouseout]

可能重复：
鼠标悬停在指定的 div 上并保持原始 div 打开

我问了一个类似的问题，它被埋没了，没有任何答案可以解决这个问题，所以请不要在我等待并且没有答案的时候给我发火。

这是原始问题：Mouseout on specified divs and keep original div open

这是所有设置的小提琴：http: //jsfiddle.net/bUzPG/10/

似乎一切都应该与小提琴一起工作，但代码并没有做它应该做的事情。任何有效的答案都将被标记为已解决，这让我发疯！

标题是不言自明的，这是我到目前为止所拥有的，但是在鼠标悬停时背景颜色总是保持灰色，而不是在 qtip 悬停时保持粉红色：

http://jsfiddle.net/bUzPG/21/完成设置。这真让我抓狂！
任何解决此问题的答案都将被标记为答案。

这是我遇到问题的一些代码：

当在 setEtiquette 上时，rightFrame 正在闪烁，但这不是我们想要的，我们希望它在移动到另一个礼仪时留下并离开......

你有什么可以帮助我的吗？

谢谢！

我有下一个显示图像的代码，当鼠标悬停时更改它。

我有两个问题：

第一：如果我用鼠标快速通过图像，有时图像状态为 mouseOver 图像（不检测 mouseOut 事件）。

第二：鼠标经过的瞬间，有几毫秒的时间没有图像，所以每次鼠标经过时，它看起来就像一个白色的闪光。

到目前为止，我有fadeIn工作，但fadeOut一直不太正确。现在，一旦鼠标离开悬停区域，看起来根本没有发生任何fadeOut事情。我希望在下一个动画（下一个fadeIn）开始之前完成平滑的淡出，并且不会排队。基本上这是在<span>标签内的一些链接上。我现在在家里！

PS 我知道我没有使用.hover. 我宁愿现在坚持使用mouseoverand mouseleave，甚至mouseout. 请满足这个小小的要求。

编辑：2011 年 8 月 18 日

我意识到可能存在与上述脚本冲突的脚本。我在同一页面上运行了一个额外的 jquery 脚本。它本身工作正常，但是当我为文本框（上方）添加脚本时，图像和文本上的 .fadeOut 都会被忽略或至少不一致。

第二个jQuery脚本：

这是应该提示显示文本和图像的四个“目标”之一的示例（有四个文本框伴随四个图像 - 每个都通过鼠标悬停在目标上显示）。

HTML：

基本上，我的客户希望在鼠标悬停图像时出现隐藏导航。我已经解决了当您将鼠标悬停在导航上时导航不隐藏，然后在您离开导航时隐藏的问题。我遇到了两个问题，我尝试了各种我认为可行的不同组合，但当然没有。这两个问题是：

1. 当您将鼠标悬停在图像上而不将鼠标悬停在导航上时，导航需要隐藏，截至目前，它保持打开状态，直到您再次将鼠标悬停在图像上或鼠标离开导航。

2. 第二个问题是，当您将鼠标离开导航直接将鼠标悬停在图像上时，它会循环功能并隐藏导航然后再次打开导航，我尝试将 slideToggle 更改为显示，但这会导致一大堆其他问题。

现在代码的行为与我想要的一样接近并且可以被认为是可以接受的，但我很想知道如何解决上述问题。我考虑过使用 hoverIntent 插件来感知鼠标的移动，并且只有在鼠标变慢时才触发功能，但无法使其正常工作。显然，我是 javascript 和 jquery 的新手，所以请原谅我，但我非常感谢任何帮助。

这是我的代码

这是我的html：

我有一个嵌套 div，我想在鼠标悬停时隐藏它，并在鼠标移出时显示。

但是，当我尝试这样做时，事件会不断触发。

代码很长，如需更详细，请查看小提琴@ http://jsfiddle.net/jWbZy/16/

我有一个简单的画廊网格，其中包含一个显示标题的嵌套跨度，我想在鼠标悬停时向上滑动，并在鼠标移出时隐藏。

一切正常，除非鼠标向下移动到标题所在的位置和/或从图块底部悬停在图块之外，然后悬停效果会不受控制地重复几次。

起初我认为这可能是因为跨度包含在作为悬停触发器的锚点中，但将其移出也不起作用。

有任何想法吗 ？

演示在这里： http: //www.winterealm.com/gallery/

标记：

这是jquery

http://jsfiddle.net/nicktheandroid/bD37R/2/

如果用户在链接上按下鼠标，我试图摆脱仍然具有焦点的元素，然后将鼠标从链接上移开 - 同时仍然按住鼠标按钮，然后释放鼠标按钮。对我来说，这意味着用户在释放鼠标按钮之前意识到他们不想点击链接 - 所以他们没有在链接上释放鼠标按钮，而是将鼠标从链接上移开，然后释放鼠标按钮。

元素可以是链接，也可以是具有活动和焦点样式的 div/span，它的工作原理相同。

在我的示例中，如果我单击其中一个 div，它会按照我的意愿进行操作，但是当我鼠标移出时，它会将焦点移开，这不应该发生。仅当用户在链接/div 上按下鼠标，然后将鼠标拖离元素并释放鼠标按钮时，才应取消焦点。但是我希望元素在单击元素时保持焦点样式，然后在单击后悬停在元素之外。那是我的问题，如果我单击元素，然后单击后将鼠标从元素上移开，它就会失去焦点。我知道我的 jQuery 不正确，出于某种原因，我很难弄清楚 jQuery 应该是什么样子。

So basically I am trying to create a horizontal ul for my site nav. I want a div to appear below each link with a bounce when you hover over it. The animation is working correctly on hover however on mouseout the div doesn't always go away. I am new to jQuery so I'm not sure what I'm doing wrong. Any help very much appreciated!