问题标签 [mouseleave]

我有以下html

我在用

问题是它的一部分b-class被“覆盖”a-class在上面 - 所以每次我将鼠标移到覆盖上b-class- 它都会触发mouseleave

有什么办法可以忽略b-class吗？想也许：

但这不起作用？

这让我发疯。

只有当 div 通过其底部边框离开时，有没有办法触发 mouseleave jquery 效果？

也就是说，如果鼠标指针通过其他 3 个边框中的任何一个离开 div，则阻止上述效果发生。

我想这一定是某种坐标问题，但位置和偏移都不是我的答案。

如果可以做到这样的事情，那么将不胜感激只是关于如何做到这一点的最微小的例子。

如果已经提出（并回答）了类似的问题，那么任何重定向都将受到赞赏。

谢谢！

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

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

编辑：2011 年 8 月 18 日

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

第二个jQuery脚本：

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

HTML：

我已经尝试以几种不同的方式解决这个问题，但到目前为止还没有找到一个可以正常工作的解决方案。我想使用以下条件为 .fadeIn 和 .fadeOut 设置动画：

1) 在鼠标悬停时逐渐淡入文本和图像（位于跨度内）
2) 在进行下一个动画之前完成淡入动画
3) 在鼠标离开时，逐渐淡出文本和图像
4) 在进行下一个动画之前完成淡出动画
5) 动画应该运行平稳，不应该排队

这是我到目前为止所拥有的：

到目前为止，上面的代码最接近我想要的，所以如果可能的话，我会坚持下去，保存任何小的更改。也就是说，褪色有时会发生，有时不会。它也可能因大量鼠标悬停和鼠标离开而变得紧张。我正在使用 FF 6.0 进行开发，但也需要它在所有主要浏览器（FF6、IE8、Google Chrome）中工作。我只使用 jQuery/JavaScript 一个月，所以请在回答时考虑到这一点。这对我来说根本不是一种直观的语言，但我一直在学习。

好的，现在是问题，或者更确切地说，请求帮助：我想结合 Ralf Stoltze 的 hoverFlow 插件或 Brian Cherne 的 hoverIntent 插件来帮助淡入和淡出动画正确执行。我会发布我的尝试，但到目前为止还没有成功。这里有没有人熟悉这些插件中的任何一个，你能帮我让他们使用上面的代码吗？

我有一组 3 个<li>，我需要在mouseenter、mouseleave和click上更改每个的类。

到目前为止一切正常，除了当我点击时，第三个<li>不会停留在mouseenter状态。它消失了。

单击此处查看到目前为止的工作方式

代码：

CSS：

HTML：

我在使用z-index: 2000;. 我onMouseDown在 div 上有一个事件 - 触发良好，我已$(divelement).hover(functionIn(),functionOut())附加。（onClick无论z-index如何，底层闪存都会捕获该事件）

在 FF 和 IE9 中，这一切都按预期工作，但在 IE8 中，每个像素都会触发 functionOut() 和 functionIn()！有什么好的方法来解决这个问题？

可以根据元素大小和位置添加某种像素边界以帮助 .hover() 吗？

我目前正在使用这一点 Jquery。

在第一个函数中，我添加了一个 .unbind 的 mouseenter，它完全符合我的需要，但在下一个函数中，我应该将悬停 (mouseenter mouseleave) 绑定回函数中。我尝试了一些选项，但不会回到我拥有的悬停功能。

我的问题如下：我有一个触发器（a）和一个弹出窗口（div）。div 并不嵌套在锚点内。

• 当我将鼠标悬停在 a 上时，我希望 div 出现。
• 当我从 a 转到 div 时，我希望它保持可见。
• 当我离开 div 时，我希望它关闭。
• 当我将鼠标悬停在 a 上并离开而不进入 div 时，我希望 div 关闭。

我已经弄清楚了大部分，但现在我正在努力解决要求。2.在a上检查mouseleave时，我检查div上是否有mouseenter。如果是，我想中止鼠标离开。如果没有，我想关闭 div。

我究竟做错了什么？这甚至是正确的方法吗？

这是标记：

这是jQuery：

我有一组列表元素（<li>在 a 内<ul>）在这样的图表上布置为气泡，其中气泡是<li>元素：

http://i.stack.imgur.com/PR7vR.png

我希望能够检测到

1. 将鼠标从气泡 #1 移动到网格
2. 将鼠标从气泡 #1直接移动到另一个气泡，例如气泡 2

我曾尝试$(this)将.mouseleave()偶数用于气泡，但它会注册您要离开的元素，而不是您当前悬停的元素。

关于如何获取鼠标移动到的元素的任何想法mouseleave()？

我在 Windows 窗体上设置了“鼠标离开”事件，我想在鼠标离开可见区域时隐藏窗体。

但这是我面临问题的地方。即使我将鼠标移动到同一个表单上的按钮上，它也会调用“鼠标离开”事件，这会使该表单不可见。

这意味着我必须防止在将鼠标移动到按钮时触发事件。但是怎么做？还有其他方法吗？