问题标签 [hoverintent]

我正在根据几个月前提出的问题修改一些代码，但我一直受到阻碍。底线是，我将鼠标悬停在 Anchors 上，这意味着淡入相应的 div 并将“highlight”类应用于 Anchor。我可以使用基本 JQuery 并获得“OK”结果，但鼠标事件使用户体验不太流畅。

我通过 Google API 加载 JQuery 1.3。

它似乎有效。我可以使用内置的 hover() 或 mouseover()，fadeIn() 是完整的……没有 JavaScript 错误等。所以，JQuery 本身显然是“加载的”。但是我遇到了一个问题，似乎每个人都在推荐hoverIntent来解决。

加载 JQuery 后，我加载了 hoverIntent JavaScript。我已经对路径进行了三次检查，甚至对路径进行了验证。我只是看不到任何合理的方式可能是路径问题。

一旦（据称）加载了外部 javascript，我将继续使用我的页面脚本：

我得到错误：

如果我更改为像悬停这样的已知工作功能（只需将“.hoverIntent”更改为“.hover”），它会再次“工作”。我确定这是一个基本问题，但在这方面我完全是个黑客（正如您从我的代码中看到的那样）。

现在，从所有外观来看，它似乎要么路径错误（我已经检查了无数次，甚至将它放在带有我仔细检查的 HTTP 链接的外部站点上；它没有错），或者 .js 没有t 声明函数。如果是后者，我一定是遗漏了几行代码才能使该功能可用，但我在作者的网站上找不到任何东西。在他的源代码中，他使用了一个 $(document).ready，我也试图模仿它，但也许我也做错了。

同样，奇怪的是 .hover 工作正常， .hoverIntent 没有。我不明白为什么它不被认为是一个函数。

尽量避免遗漏任何东西……让我们看看……没有其他 JavaScript 被调用。这篇文章包含页面使用的所有 Javascript...我尝试按照作者的 var config 示例进行操作（hoverIntent 仍然不是函数）。

我有一种痒痒的感觉，我只是少了一行来声明函数，但我一生都无法弄清楚它是什么，或者为什么它还没有在外部 .js 文件中声明。感谢您的任何见解！格雷格

更新：

最奇怪的事情，因为我正在处理它......实际上，如果这个问题得到解决，我可能不需要 hoverIntent 解决：

我在“doNothing”函数中添加了一个警报，并恢复为普通的旧 .hover，只是为了看看发生了什么。对于我的 5 个锚点中的 2 个，只要我悬停，doNothing() 就会被调用并且我会看到警报。对于其他 3 个，doNothing() 正确地在鼠标移出之前不会被调用。如您所见，相同的功能应该适用于“翻转”div 内的任何 Anchor。我不知道为什么它是特别的。

但：

1. 如果我将fadeIn 更改为像slideDown 这样的另一种效果，doNothing() 直到mouseout 才会被正确调用。
2. 使用fadeIn 时，在Opera 中不会调用doNothing()，但似乎在几乎所有其他浏览器中都会调用。

是否有可能是 fadeIn 本身是错误的，或者只是我需要传递一个适当的回调？如果是这样，我不知道那个回调会是什么。

为您的长期关注干杯...

格雷格

我正在尝试使用 hoverIntent 插件来延迟进度条上的一些动画效果。但是，由于某种原因，hoverIntent 似乎根本不起作用。

我的页眉中有以下内容（所有路径都已验证）：

在 sitewide.js 中，我运行以下命令：

但是当我将鼠标悬停在相关的 div 上时，浏览器中没有任何反应，并且控制台显示以下错误：

“cfg.over 未定义”和“cfg.out 未定义”

我已经使用 jQuery 的内置“悬停”进行了测试，它工作得很好。我还认为这可能与缓动插件有冲突，但是在删除 HTML 和 JS 文件中对缓动插件的引用后，我仍然遇到同样的问题。最后，为了安全起见，我删除了所有其他自定义 JS，但问题仍然存在。

有任何想法吗？谢谢！

有谁知道如何修改 jquery 工具提示： http: //flowplayer.org/tools/tooltip.html

使用事件特殊悬停： http ://blog.threedubmedia.com/2008/08/eventspecialhover.html

jQuery tools tooltip 不依赖 hover 方法，所以仅仅加载插件是不够的。

事件悬停的来源：http: //threedubmedia.googlecode.com/files/jquery.event.hover-1.0.js 这里是 jquery 工具提示的来源：http: //flowplayer.org/js/tools/tools.tooltip- 1.1.1.js

我一直试图让它工作一段时间。提前致谢。

...这可行，但有两个问题：

1. 它似乎没有像它应该的那样等待 5 秒，无论我设置什么，它几乎都会立即打开。

2. 影响在同一页面上使用 hoverintent 插件的所有元素。

我真的很感激任何帮助。谢谢！

我在hoverIntent上玩得很开心。我不断弹出“错误：对象不支持此属性或方法”。如果我将 .hoverIntent 更改为 .hover，它会“工作”。我已经尝试过常规文件和缩小文件，但都不起作用。我从这里下载了它们

我在页面上只有 2 个脚本。（这是我正在尝试执行此操作的 MVC 母版页）

这是我的导航项目的样子，我正在尝试将其附加到。

理想情况下，我正在尝试创建一个下拉导航。但是，我无法让 hoverIntent 进行最基本的测试以继续进行。关于为什么这不起作用的任何想法？

我正在寻找类似于 hoverIntent 的功能，但用于滚动。我有一个功能可以移动侧边栏以在滚动时保持不动。他们的问题是，移动/计算非常靠近，导致“始终可见”框在滚动时闪烁。我正在寻找一种仅在用户很可能试图滚动到该位置时触发的发明。然后，我将做一些花哨的缓动效果，而不是简单的 css 属性更改。

下面的代码用于显示和隐藏 Mega Dropdowns。如果您将鼠标悬停在具有“dropDown”类的链接上，则会显示子“.dropPanel”。只要您的鼠标悬停在链接或下拉面板上，下拉面板就会保持显示。将光标移动到链接或面板以外的任何位置，面板将被隐藏。很基本的东西。

在其中一些 Mega Dropdowns 中有一些包含选择元素的表单。在 Firefox 中，一切都很好。在 IE（特别是 8，没有测试任何其他版本）中，如果您将鼠标悬停在下拉面板中的选择元素上，hoverIntent 会触发 dropPanelOff() 的“out”函数并且下拉面板隐藏。

我该如何防止这种情况？

我正在使用流行的 hoverIntent jQuery 插件作为下拉式超级菜单。

http://cherne.net/brian/resources/jquery.hoverIntent.html

我将其附加到列表项：

这按预期工作：如果我将鼠标悬停在 LI 上，则会触发 hoverIntent 并显示菜单。

每个 LI 也有一个锚标记（链接）。我希望能够有一个指向链接（焦点）的人员选项卡，然后也触发菜单。这是为了使菜单通过键盘工作。

我尝试了各种设置，但似乎都不起作用：

甚至这个烂摊子：

有没有人使用 hoverIntent 以及键盘/焦点事件？我的语法或逻辑错了吗？

更新/解决方案：

我正在研究 hoverIntent 逻辑并意识到它本身正在触发显示/隐藏菜单的功能。我的特定问题的解决方案是不通过另一个事件触发 hoverIntent，而只是通过我的焦点事件直接调用 hoverIntent 调用的函数。事后看来有点明显。

我运行以下代码来创建一个下拉手风琴，当 div "#top_mailing" 悬停时，它会显示隐藏的 div "#top_mailing_hidden"。问题是，当我通过鼠标移出然后再次鼠标悬停来中断动画时，它会中止动画并搞砸。

我有以下代码：

});

Brian Cherne 的插件说要按如下方式调用 hoverIntent 函数（其中 'makeTall' 和 'makeShort' 是定义的函数：

我认为我得到的行为的最佳解决方案是使用 Brian Cherne 的“HoverIntent”jQuery 插件。问题是我不知道如何/在哪里将代码插入到上面来调用 HoverIntent 插件。它说要调用“.hoverIntent”而不是.hover，但我的代码正在使用.bind（“mouseEnter”......有人请帮忙！

hoverIntent插件是否与 Internet Explorer 兼容？我无法将其插入以下 JavaScript：

我将以下内容用于其他浏览器，但它在 IE7 中不起作用