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

jquery - 如果光标停留在元素内,则 JQuery 功能可以“暂停和充值”计时器

与我一起工作的设计师给了我一些功能,我不知道如何处理它。她基本上想要以下内容;

  • 当您将鼠标悬停在链接上时,面板应下拉(完成此操作没问题)
  • 面板应该在 10 秒后消失(也没有问题)
  • 如果您的光标在面板内,则面板永远不会消失。光标离开面板后,10 秒计时器应重新开始(erm..)

谁能指出我正确的插件或文章的方向来解释如何实现这第三位功能?我是一个相当经验丰富的开发人员,但正在努力解决如何解决这个问题,甚至从哪里开始谷歌搜索。到目前为止,这就是我所拥有的,除了第三个要点外,所有这些都在工作。我有一种感觉,我可能需要完全改变我的方法才能让它发挥作用;

答案...

根据下面的建议,最终的解决方案是......

0 投票
1 回答
1586 浏览

jquery - jQuery简单的下拉菜单?

我已经建立了一个简单的下拉菜单。
代码和演示在这里:http: //jsfiddle.net/3Lq2d/5/
它看起来像这样:
菜单

鼠标悬停在s中MENU 1消失。Submenu

它工作得很好,除非你碰巧是一个垃圾并且在菜单上晃动你的鼠标,在这种情况下它会卡在半透明状态。

使用.stop(true,true)修复了 spaz 问题,但删除了将鼠标从菜单向下移到子菜单的能力。我正在使用淡入/淡出来稍微延迟,所以当鼠标从菜单移动到子菜单时,子菜单保持可见...... stop(true,true) 打破了这一点。

在所有正确的地方建立一个带有轻微延迟的淡入淡出菜单的最佳方法是什么?


更新:

我修补直到完全满意,增加了悬停意图的延迟......这是最终代码:http: //jsfiddle.net/3Lq2d/75/

0 投票
3 回答
1805 浏览

jquery - jquery,如何只影响被点击的元素?

我有这个设置:

和:

一个问题是,当我用鼠标输入时,所有 div 都会受到影响,而不是我用鼠标实际输入的那个。

我不确定$(this)这里是什么意思

第二个问题是我想使用hoverorhoverIntentmouseenterand更好的方法mouseleave,但我不确定如何使用fadeTo来获得相同的效果。

有任何想法吗?

谢谢

0 投票
2 回答
850 浏览

jquery - Firefox 扩展中的 jQuery.hoverIntent.js 无法加载

根据指南,我尝试将JQuery加载到我的Firefox扩展中。

加载程序加载有问题jquery.hoverIntent.js。我在这里下载了

错误信息:"Type Error: $ is undefined"

0 投票
4 回答
722 浏览

jquery - 未应用jQuery hoverIntent“hoverOut”功能

我最近遇到了一个问题,似乎没有多少在线搜索有助于解决 - 特别是在使用 jQuery hoverIntent 插件时,初始的“hoverIn”函数被正确调用,但“hoverOut”没有被应用。

作为快速背景,我在从无序列表创建的菜单上使用它,在“hoverIn”中使用 jQuery 的 .slideDown() 效果,在“hoverOut”函数中使用 .slideUp()。最初的 .slideDown() 有效,但是当光标离开该区域时,而不是应用 .slideUp() 元素会立即消失。同样,任何后续的 mouseover/mouseout 事件都不会触发“hoverIn”或“hoverOut”函数 - 需要完整的页面刷新才能应用初始“hoverIn”函数。

我尝试了许多不同的 jQuery 动画效果,包括 .fadeIn()、.fadeOut()、.show()、animate() 等 - 都没有成功。我过去也曾多次遇到过这个问题,我想知道可能是什么原因造成的。

这是我正在使用的 hoverIntent 代码:

万一您想查看发生这种情况的测试页面,这里有一个链接:

http://test.nimblehost.com/dexture/

将不胜感激有关为什么会发生这种情况以及如何解决它的任何建议。我正在使用 jQuery v1.7.x,通过 Google CDN 提供服务,以及 hoverIntent 的 r6。

0 投票
1 回答
424 浏览

javascript - jQuery - 智能悬停插件

悬停事件在我的网页导航中发挥着重要作用,我不希望用户因意外触发它们而分心。

我知道hoverIntent,它不会触发悬停事件,直到鼠标足够慢。但是,当用户向下滚动并落在元素顶部时,它总是会触发悬停事件。

Google 图片很好地解决了这个问题:它不会在向下滚动时触发悬停,而且即使在滚动到某个元素后稍微晃动鼠标也不会触发悬停。

是否有任何插件可以实现类似于 Google 图片的悬停行为?

0 投票
2 回答
1989 浏览

jquery - jquery hoverintent - mouseenter 在一个元素上, mouseleave 在另一个元素上

我正在尝试使用hoverintent 插件来替换以下 javascript 代码:

我的html是:

这是我的CSS:

这是我要实现的目标的快速图表:

图表

我想要的只是让用户将鼠标悬停在鼠标上,#nav并且只有当他们将鼠标移出#top(在我的图表中为灰色)时它才会消失。鉴于 hoverintent 网站上的示例,我不知道如何实现这一点:(

有人有任何指示吗?提前致谢!

- - - 编辑 - - -

通过执行以下操作使悬停意图达到一定程度:

现在,当我将鼠标移出而不是div时,问题就ul消失了。关闭但没有雪茄:(#nav#top

0 投票
1 回答
568 浏览

jquery - 具有不同鼠标进入和鼠标离开的悬停意图插件

我正在使用 Hover indent 插件,它只有一个功能来结合鼠标悬停和鼠标离开

代码1:

需要为.part编写鼠标离开功能,所以这样制作

代码2:

但似乎错误......如何解决这个问题?

0 投票
5 回答
896 浏览

jquery - 如果鼠标已经在文档准备好的元素上,jQuery hoverIntent Not Firing

我正在使用jQuery插件hoverIntent。问题是有时在加载页面时,鼠标已经在对象“#gallery”上,因此不会触发 hoverIntent 代码。

这是我的代码示例:

有谁知道这个的解决方案?

0 投票
1 回答
1236 浏览

jquery - JQuery 向上滑动悬停菜单

我需要帮助让红色框下方的菜单向上滑动而不是向下滑动。 http://www.radiofriendly.freehosting.com/jquery/menu.html

这是一个工作示例。只需将鼠标悬停在蓝色横幅下方的菜单上。 https://partner.microsoft.com/germany/partner

谁能告诉我我需要在js中修改什么才能实现这一点。请尽可能具体。我是 Jquery 的新手。谢谢!