问题标签 [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 回答
2345 浏览

jquery - 如果在 jQuery 中停止动画,如何防止回调?

我正在开发一个包含大量可悬停 div 的项目。我写了一个动画来做到这一点:

在鼠标悬停时,图像淡出,作为回调,包含信息的 div 淡入。然后在鼠标移出时,信息 div 淡出,作为回调,图像淡入。我正在使用 hoverIntent 插件。

我的问题是,如果您在 div 上停留足够长的时间,一切都会正常工作。但是如果你在它上面停留 300 毫秒,动画就会停止,但仍然会调用显示信息 div 的回调,忽略鼠标移出事件。这导致信息 div 永久保留...

这是我的代码:

我希望你能帮帮我 !

0 投票
2 回答
631 浏览

javascript - jQuery清除hoverIntent

我有一些项目可以说 X、Y 和 Z。我hoverIntent用于悬停事件。假设当我将鼠标悬停在 XI 上时,会显示带有此类代码的工具提示

所以它将在 1 秒内可见。我想要的是,如果我将鼠标悬停在 Y 或 ZhidePopup()上运行 X 并清除超时hoverIntent,因此它不会在 1 秒内可见。我尝试了很多东西,但它们不起作用。

有人有这方面的经验吗?

0 投票
0 回答
249 浏览

jquery - 在 IE8 中使用 jQuery 为 div 设置动画的问题

我正在使用 jQuery 为网站的 3 个部分设置动画:http: //oceanic.medialounge-dev.co.uk *那些说翻滚的)

它们在每个浏览器中都可以正常工作,除了在 IE8 中它们只是奇怪地四处移动,具有讽刺意味的是它在 IE7 中运行良好不知道为什么,我使用的 JS 代码相当简单:

innerBox变量只是为了检查我们是否在内页上,因为那里的盒子更小,我也在使用 hoverIntent 插件,但是当我使用常规hover句柄时,我遇到了同样的问题。谁能帮我?

提前致谢!

0 投票
1 回答
418 浏览

jquery - 悬停意图不起作用,或者我做错了什么

我一直在试图弄清楚这个 hoverintent 插件和它难倒我。这是我所拥有的:

我试图在用户突出显示链接一两秒后显示一个简单的工具提示,以显示 URL。这是我应该使用的吗?任何帮助将非常感激。

0 投票
2 回答
2104 浏览

jquery - jQuery - 工具提示 - mouseover 和 mouseout 似乎在没有鼠标移动的情况下循环触发 - hoverintent 没有帮助

我正在尝试做的事情: 我有一个在页面加载时生成并隐藏的 div。当鼠标悬停在页面上的特定元素上时,我想将 div 显示为元素上方的工具提示。我已经为页面上所有需要此功能的元素添加了一个“ToolTipRequired”类,并且在页面加载时绑定了 hoverintent。

我的代码:

问题: 10% 的时候效果很好,另外 90% 的 tooltip div 会闪烁,也就是说,即使鼠标不动,它也会无限隐藏和显示。似乎 mouseover 和 mouseout 事件在无休止地触发。有人告诉我使用 hoverintent 可以解决这个问题,但似乎没有什么不同。有人有什么主意吗?

0 投票
4 回答
6479 浏览

jquery - jQuery - 取消绑定或重新绑定 hoverIntent()?

我有一个菜单栏,在上面一行显示一组类别。

其中一个类别具有一组子类别。

我有一个 hoverIntent 设置,以便它会在子菜单中滑动,并在鼠标离开时滑动。

但是,如果我正在查看此类别中的页面,我希望子菜单可见,并突出显示活动类别。我还想确保当通过鼠标与子菜单交互时,一旦鼠标离开它就不会再次滑动。

我已经尝试在此页面的元素上重新声明 hoverIntent 函数,但它不起作用,它仍在使用以前的绑定。有什么方法可以取消绑定以前的 hoverIntent 并确保它使用新的?

0 投票
1 回答
349 浏览

jquery - 对 hoverIntent 感到困惑 - 如何将其添加到 mouseover 和 mouseout?

我想将hoverIntent 插件添加到我的 jQuery 代码中,以使事情变得更顺畅,但我不知道该怎么做。

我的 jQuery 已经可以正常工作了;

但我希望悬停意图捕捉一些不需要的行为。(多次重复等)

0 投票
1 回答
163 浏览

jquery - 如何提高此 jquery 动画代码的性能

我编写了一些代码,当我将鼠标悬停在一个元素上时,会在其周围添加四个箭头并循环动画,以便它们前后移动。

这是为了直观地显示元素是可拖动的。我使用hoverIntent插件仅在用户打算将鼠标悬停在元素上时绘制箭头。我也在使用 jQueryUI 进行元素定位。

将一个项目附加到文档然后对其进行动画处理是我以前从未做过的事情,我确信我的编码很糟糕,导致性能不是最佳的。

我怎样才能让这段代码表现得更好?

0 投票
2 回答
9520 浏览

jquery - 移除 Superfish 下拉菜单 onmouseover 的延迟,同时保持 Hoverintent 延迟 onmouseout

我无法消除 Superfish 下拉修复的初始延迟。我的客户想要延迟 onmouseout,而不是延迟 onmouseover。

我有一个纯 CSS 下拉菜单(与 Twentyten 下拉菜单相同),并且正在将 Suckerfish.js 应用于此。

这是我的代码:

我一直在阅读Superfish 的手册,但似乎找不到触发初始延迟的原因。也许它与动画有关animation: {opacity:'show'}(我似乎无法理解)。

感谢您的帮助!

0 投票
0 回答
200 浏览

jquery - hoverIntent 在导航菜单中未正确执行

好的,我有这个通常可以使用的导航菜单。使用 hoverIntent 插件时,导航菜单在从最左侧的选项卡菜单项移动到最右侧的选项卡菜单项时会出现问题。当您将鼠标悬停在每个菜单项上时,该菜单项的下拉菜单有时会在鼠标悬停时按时显示,有时则不会。您必须将鼠标悬停在主菜单项上多次才能显示下拉菜单。这是正在使用的 hoverIntent 代码。