问题标签 [hoverintent]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
7661 浏览

javascript - JQuery:为什么 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 本身是错误的,或者只是我需要传递一个适当的回调?如果是这样,我不知道那个回调会是什么。

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

格雷格

0 投票
1 回答
2959 浏览

javascript - jQuery hoverIntent 插件的 cfg.hover 错误

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

我的页眉中有以下内容(所有路径都已验证):

在 sitewide.js 中,我运行以下命令:

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

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

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

有任何想法吗?谢谢!

0 投票
1 回答
3356 浏览

events - jQuery Tools 工具提示使用事件特殊悬停

有谁知道如何修改 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

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

0 投票
2 回答
9327 浏览

jquery - 带有悬停意图的延迟

...这可行,但有两个问题:

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

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

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

0 投票
4 回答
2830 浏览

jquery - MVC、jquery、hoverIntent、错误:对象不支持此属性或方法

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

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

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

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

0 投票
1 回答
706 浏览

jquery - jQuery scrollIntent,类似于 hoverIntent

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

0 投票
2 回答
1699 浏览

jquery - hoverIntent 在选择元素上触发“out”功能

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

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

我该如何防止这种情况?

0 投票
1 回答
1732 浏览

jquery - jquery hoverIntent 和键盘触发焦点

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

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

我将其附加到列表项:

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

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

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

 

甚至这个烂摊子:

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

更新/解决方案:

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

0 投票
1 回答
1774 浏览

jquery - 为滑动面板插入 jQuery HoverIntent

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

我有以下代码:

});

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

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

0 投票
1 回答
1984 浏览

javascript - jQuery hoverIntent 插件是否可以在 Internet Explorer 中使用?

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

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